You can discover articles, tutorials, libraries, talks, courses, tools and books.
For the past two+ years I've worked exclusively on React projects and I've had my own up-and-down learning experience with it. Over that time, I've developed some advice for how to learn React—the resources, the sequence and the important takeaways. What follows is a five-step plan for learning React. [continue]
Components help us deal with properties, state, events, and often are responsible for the well-being of other components as well. Keeping track of everything components do sometimes can be tough. To help with this, React provides us with something known as lifecycle methods. Lifecycle methods are (unsurprisingly) [continue]
We evaluated all front-end frameworks before working on a major new version of our product, JotForm 4.0. After a series of Hack Weeks to kick tires of modern web front-end libraries, we concluded that React was the best fit for our needs. Here is 7 reasons why we decided go ahead with React. [continue]
There's a lot of confusion right now about the 'right' way to test your React components. Should you write all your tests by hand, or only use snapshots, or some of both? Should you test props? State? Styles/Layout? I don't think there's one 'right' way, but I've found a few patterns and tips that work [continue]
React was open-sourced in 2013. Since then, it has evolved. As you search the web, you'll stumble across old posts with dated approaches. So, here are eight key decisions your team needs to make when writing React components today. [continue]
The most important concept to understand in React.js is the component. A React component can be one of two types. It can be either a function component or a class component. Sometimes you will hear different terms to describe these two types, like stateless and stateful. Function components are also [continue]
We're going to build an interactive tic-tac-toe game. We'll assume some familiarity with HTML and JavaScript, but you should be able to follow along even if you haven’t used them before. [continue]
If you ever had a feeling that working with forms in React was too much boilerplate or that maybe angular used to provide a superior experience or you just wish to know what might be the 'best way' to organize forms in react, then read on. [continue]
React provides developers with many methods or 'hooks' that are called during the life-cycle of an component, which allows us to update the UI and application state. Knowing when to use which of them is crucial to properly understanding how to work with React. [continue]
Using components within other components is one of the most common things you will do working with React. What happens when you need a more elegant solution for conditionally rendering these though? This article will explain you how to choose dinamically the component that needs to be rendered. [continue]
When I first learned React, I thought 'Use props.children and that’s it. I know everything about children' Boy, was I wrong. Because we're working with JavaScript, we can change children. We can send special properties to them, decide if we want them to render or not and generally manipulate them to [continue]
This tutorial is merely intended to help walk you through the steps to getting a simple React example up and running. When you're ready to dive into actually learning the React framework, a great list of tutorials can be found here. There are a several build, transpiler, or bundling tools from which [continue]