Epic React

https://www.epicreact.dev

Get Extremely Good at React

フィード

記事のアイキャッチ画像
A deep dive on forms with modern React
Epic React
React 19 introduces terrific primitives for building great forms. Let's dive deep on forms for the web with React.
1年前
記事のアイキャッチ画像
React Server Components: The Future of UI
Epic React
React Server Components are going to improve the way we build web applications in a huge way... Once we nail the abstractions...
1年前
記事のアイキャッチ画像
Can you modify React Props?
Epic React
React components should not modify props directly. Learn why encapsulation is important and explore different approaches to handle props correctly in React, ensuring your components remain reusable and your application's data flow stays predictable.
1年前
記事のアイキャッチ画像
What is React?
Epic React
Whether you're brand new to building dynamic web applications or you've been working with React for a long time, let's contextualize the most widely used UI framework in the world: React.
1年前
記事のアイキャッチ画像
Improve the Performance of your React Forms
Epic React
Forms can get slow pretty fast. Let's explore how state colocation can keep our React forms fast.
4年前
記事のアイキャッチ画像
Why you shouldn't put refs in a dependency array
Epic React
If you use a ref in your effect callback, shouldn't it be included in the dependencies? Why refs are a special exception to the rule!
4年前
記事のアイキャッチ画像
Why React needs a key prop
Epic React
Why can't React just magically know what to do without a key?
4年前
記事のアイキャッチ画像
How to type a React form onSubmit handler
Epic React
Excellent TypeScript definitions for your React forms
4年前
記事のアイキャッチ画像
The Latest Ref Pattern in React
Epic React
How to improve your custom hook APIs with a simple pattern.
4年前
記事のアイキャッチ画像
How to Test React.useEffect
Epic React
Testing React.useEffect is much simpler than you think it is.
5年前
記事のアイキャッチ画像
How React Uses Closures to Avoid Bugs
Epic React
The sneaky, surreptitious bug that React saved us from by using closures.
5年前
記事のアイキャッチ画像
Importing React Through the Ages
Epic React
How and why I import react using a namespace
5年前
記事のアイキャッチ画像
Use CSS Variables instead of React Context
Epic React
How and why you should use CSS variables (custom properties) for theming instead of React context.
5年前
記事のアイキャッチ画像
Memoization and React
Epic React
A basic introduction memoization and how React memoization features work.
5年前
記事のアイキャッチ画像
Stop Stumbling Around in React Learning Darkness
Epic React
Epic React is your learning spotlight so you can ship harder, better, faster, stronger.
5年前
記事のアイキャッチ画像
One React mistake that's slowing you down
Epic React
Simplify and speed up your app development using React composition
5年前
記事のアイキャッチ画像
Render as you fetch (with and without suspense)
Epic React
Speed up your app's loading of code/data/assets with "render as you fetch" with and without React Suspense for Data Fetching
5年前
記事のアイキャッチ画像
My State Management Mistake
Epic React
It wasn't a library. It was the way I was thinking about and defining state.
5年前
記事のアイキャッチ画像
Requisite React
Epic React
When was the last time you saw an error and had no idea what it meant (and therefore no idea what to do about it)? Today? Yeah, you're not alone... Let's talk about how to fix that.
5年前
記事のアイキャッチ画像
Avoid soul-crushing components
Epic React
Truly maintainable, flexible, simple, and reusable components require more thought than: "I need it to do this differently, so I'll accept a new prop for that". Seasoned React developers know this leads to nothing but pain and frustration for both the maintainer and user of the component.
5年前
記事のアイキャッチ画像
Myths about useEffect
Epic React
Some common mistakes I see people make with useEffect and how to avoid them.
5年前
記事のアイキャッチ画像
Why you've been bad about Profiling React Apps
Epic React
Is your app as fast as you think it is for your users?
5年前
記事のアイキャッチ画像
Why I Love React
Epic React
I still remember when I first heard about React. It was January 2014. I was listening to a podcast. Pete Hunt and Jordan Walke were on talking about this framework they created at Facebook that with no support for two way data-binding, no built-in HTTP library, no dependency injection, and in place of templates it had this weird XML-like syntax for the UI. And to top it all off, I was listening to it while driving to the first ever ng-conf.
5年前
記事のアイキャッチ画像
How a “Useless” Tip Saved Ben's Sanity in Production
Epic React
A developer shares how a tiny tip from Epic React—using the key prop to reset component state—saved him from a gnarly state bug in a complex React Native app.
12日前
記事のアイキャッチ画像
React Server Components: How We Got Here
Epic React
How web app architecture evolved from full page reloads to React Server Components, and why each step in this journey mattered for developers and users.
20日前
記事のアイキャッチ画像
How React Suspense Works Under the Hood: Throwing Promises and Declarative Async UI
Epic React
Discover how React Suspense leverages thrown promises and the `use` hook to simplify async UI, manage loading and error states, and improve user experience.
2ヶ月前
記事のアイキャッチ画像
useSyncExternalStore: Demystified for Practical React Development
Epic React
Stop UI tearing in React! useSyncExternalStore safely syncs external data. Get best practices for this advanced hook (like stable functions) at EpicReact.dev.
2ヶ月前
記事のアイキャッチ画像
Why React Error Boundaries Aren't Just Try/Catch for Components
Epic React
A deep dive into how React error boundaries work, why they're different from try/catch, and how to use them effectively in your apps.
2ヶ月前
記事のアイキャッチ画像
Composing Server and Client Components: The Modern React's Superpower
Epic React
How React's new model lets you build interactive, data-rich UIs without the pain of old-school script tags and prop drilling.
3ヶ月前
記事のアイキャッチ画像
Mastering Focus Management in React with `flushSync`
Epic React
Master focus management in React with flushSync. Learn why batching matters, when to use flushSync, and how to create accessible, keyboard-friendly UIs.
3ヶ月前
記事のアイキャッチ画像
Preserving and Resetting State in React
Epic React
How React preserves or resets state depends on component position and keys. Learn why state disappears and how to fix it as well as links to more resources!
3ヶ月前
記事のアイキャッチ画像
Just Use React
Epic React
3ヶ月前
記事のアイキャッチ画像
Generating Unique IDs for Client-Only Data in React
Epic React
Learn how to generate unique IDs for client-only data in React using the Web Crypto API, ensuring stable keys and accessible, dynamic UI components.
3ヶ月前
記事のアイキャッチ画像
Improving React Accessibility with `useId`
Epic React
Learn how React’s useId hook ensures unique, accessible form field IDs, avoids SSR bugs, and improves usability in reusable components. Boost accessibility!
3ヶ月前
記事のアイキャッチ画像
`useOptimistic` to Make Your App Feel Instant
Epic React
Make your React apps feel instant with the new useOptimistic hook from React 19. Improve UX by updating UI immediately while async actions complete.
3ヶ月前
記事のアイキャッチ画像
Control Props: Give Your React Components Superpowers
Epic React
Control Props let you hand over component state to your users—just like a controlled input. Learn to build ultra-flexible UIs at EpicReact.dev.
3ヶ月前
記事のアイキャッチ画像
Compound Components: Truly Flexible React APIs
Epic React
Build flexible, declarative UIs like native HTML with Compound Components—a powerful React pattern you’ll master at EpicReact.dev.
3ヶ月前
記事のアイキャッチ画像
The Big "Server Waterfall Problem" with RSCs
Epic React
Understanding server-side waterfalls with RSCs and client-side waterfalls we're familiar with and why server-side waterfalls are probably better.
10ヶ月前