through interactive exercises and examples.
We know that the frontend world can move overwhelmingly fast, and that's why we're dedicated to providing you with knowledge that lasts. With Frontend Armory, you'll learn the fundamentals in-depth, while completing exercises that prove how far you've come.
await syntax over the course of 47 live examples and exercises.
defaultProps object on React components doesn't have access to
this.props. So how can I make default props depend on other props?
React makes it easy to pass children to reusable components. But what if those children need to receive data from the component that renders them?
Before you replace Redux's
<Provider> component with React's new context API, there's a thing or two that you should know about performance.
Since Redux was created in 2015, its
<Provider> component has always used React's Context API. So how can Context replace Redux?
Dive deep into React's four approaches to conditional rendering, then test your knowledge by building a multi-step regisration wizard.
true, or they can actually be
true. But how do these differ?
Does React deserve its reputation for stability? Let's find out by exploring how nine classic React articles hold up to the latest version of React.
Controller components are a render-prop based pattern that can help you decouple state from presentation, and that facilitates reuse of business logic.
<script> tags and React's
createElement() function to build an app in a single file.
With no Redux, no Webpack, and no NPM!
Learn about CRUV, a project structure that builds on create-react-app with 4 standard directories and 3 files. Focus on making your app amazing - not on where things go.
Import the wrong
<Tooltip> component and your users' passwords will grow legs. Follow this guide to stay safe.
React has two different ways of declaring components: functions and classes. Functions are quicker to create, but provide less features. So how can you decide which to use?
React components have a habit of growing over time. But is this actually a problem? After all, it seems a little odd to create many small components that are used only once...
When used incorrectly, arrow functions cause performance issues. But they also make writing code so much easier. So how can I use them without making my components crawl?