Demonetization
No more subscription fees. No more locked content. Everything on Frontend Armory is now free!
What the "this"?
JavaScript's this
keyword is confusing at the best of times. But what if I told you that 99% of the time, five simple rules are all you need to use this
like a pro?
How to make reusable components with pseudo-selectors
Pseudo-selectors like :hover
can make a huge impact on user experience, but they haven't composed well with React – until now!
Is a Redux Store Observable?
Redux stores and RxJS Observables both have a subscribe
method with a similar signature – but are they really the same thing?
The big 2019 Frontend Armory update
It's been a big year for Frontend Armory – with new lessons, code, videos, a new mission and a new price.
A deep dive into React effects
Learn about effects – a declarative approach to interacting with the world outside your app. With live demos, interactive exercises, and fractals.
My Intuition on When to Use Custom React Hooks
Custom hooks are like mixins: they're a great way to share stateful and side-effectful functionality between components.
useRef() and Concurrent Mode: how to avoid shooting yourself in the foot
React's eaglerly awaited Concurrent Mode can vastly improve user experience, but it requires a stricter way of writing components.
Creating a react-redux alternative with Hooks and Proxies
Learn to create a simple React/Redux integration using Hooks, then improve the performance using JavaScript Proxies.
From Hooks to... Render Props?
Even old-school class components allow you to compose component state. Hooks just make your life far, far simpler.
More Articles
- A React Router with Hooks and Suspense
- useContext(): a React hook that's an obvious win
- Will it finally: a try/catch quiz
- CSS-in-JS and Static Rendering
- Reusable Time Travel with React Hooks and Immer
- 4 ways to pass children to React elements
- React Fragments in Practice – 4 real-world examples
- Using MDX with create-react-app 2
- Static vs. Server Rendering
- Navi: SEO & routing with vanilla create-react-app
- Demoboard: a live editor with every package on NPM
- Passing state to render props via React context
- How to conditionally set default props on React components
- How to pass data to a React component's props.children
- React context and performance
- When Context Replaces Redux
- 3 Anti-patterns for Conditional Rendering with React
- Coercion, Equality & Truthy (in JavaScript)
- 9 React Guides That Stood The Test Of Time
- React Controller Components
- A React app with just one file
- Structuring React projects with CRUV
- HTML attributes vs. DOM properties
- CSS-in-JS security: the rascal's guide
- ES6 classes vs. function components: which to use?
- How do you separate components?
- When should I use arrow functions with React?
- How to integrate React into an existing app?