フロントエンド開発に関するリンク集

そもそも

フロントエンド開発に関する有用なリンクを貼っていく。

フロントエンド開発全般

• ICS MEDIA
• coliss
• web.dev

技術選定

• Rails vs Node.js
• SQRSパターン

ディレクトリ構成

• bulletproof-react
• What is a barrel file

コーディング規約

• Style Guide - Vue.js

テスト

• フロントエンド開発のためのテスト入門

パフォーマンス

• PageSpeed Insights

ツール

• サルワカ道具箱

CSS

• Font Awesome
• Svg Repo
• animista
• Neumorphism.io
• You-Dont-Need-JavaScript
• 令和のHTML / CSS / JavaScriptの書き方50選

JavaScript

• JavaScript Interview Questions & Answers

TypeScript

• type-challenges
• React.FCを使うよ、理に適っているからね

React

• コンポーネントを純粋に保つ
• state の保持とリセット
• state ロジックをリデューサに抽出する
• コンテクストで深くデータを受け渡す
• ref で DOM を操作する
• そのエフェクトは不要かも
• リアクティブなエフェクトのライフサイクル
• Understanding React Server Components
• 一言で理解するReact Server Components
• Reactチームが見てる世界、Reactユーザーが見てる世界

React Hook Form

• react-hook-form/examples

Next.js

• Data Fetching
• Caching in Next.js
• Rendering
• Common mistakes with the Next.js App Router and how to fix them
• How we optimized package imports in Next.js
• next.js/examples
• Next.jsの考え方

Vercel

• Behind the scenes of Vercel's infrastructure: Achieving optimal scalability and performance
• Why does my Serverless Function work locally but not when deployed?
• How can I use files in Vercel Functions?
• VercelのBlogやGuidesは、Vercel特有の問題に関する情報だけでなく、痒いところに手が届くReactやNextの実装方法に関する情報も紹介している。