React 17.0, create-react-app 4.0, and Protected routes and authentication with React Router v5
We've heard about it for a while, but the big day finally happened last week - React 17 is officially here. Like your boyfriend in High School, React 17 is a “stepping stone" to future upgrades. Here's a recap.
documentnode itself. This worked fine, unless you had various React versions in your app. In R17, React will attach events to the root DOM container where React is rendered, therefor, fixing the multiple versions issue.
Reactpackage directly, you'd still need to
import Reactbecause of JSX. With the new
react/jsx-runtime, that's a problem of the past.
This is a major release with several new features, including support for Fast Refresh, the new JSX transform, TypeScript 4 support, an upgrade to ESLint 7, and much more.
In this article, you'll learn how to create authenticated routes (routes that only certain users can access based on their auth status) using React Router v5.
In this article, Harry Wolff writes about a few things he likes better about Vue and how he hopes React can incorporate some of them in the future.
Tamás wrote a few tips for getting started on a React Native project, including:
In this tutorial, J.P. Solano walks you through a React version of the now-famous Python essay to solve every Sudoku puzzle (first written 10 years ago).
This post from Tyler will teach you about how URL parameters are parameters whose values are set dynamically in a page’s URL. This allows a route to render the same component (UI) while passing that component the dynamic portion of the URL so it can change based off of it.
This tutorial will be beneficial to developers who are looking to get started with Next.js or have already begun but need to fill some knowledge gaps.
If you’re tired of your soul being crushed by unrewarding grunt work from coding UI from scratch, it’s time to check out Anima. Anima 4.0 translates designs into workable React code. Clean, reusable, dependency-free code components you’ll actually like to use.
A free landing page template built on top of TailwindCSS and fully coded in React.
A simple, responsive drum machine made using React and SCSS. Perfect for starting your career as a Soundcloud rapper.
A <1KB React component to find links in text and turn them into html links.