React Newsletter #231

Guidelines to improving your folder structure, react-native on the web, and why Next.js is rad


Articles

Guidelines to improve your React folder structure

In this article, Max Rosen starts of by showing you his typical folder structure, then teaches you his guiding principles to create the folder structure that “feels right,” at least for his purposes.

How to make your react-native project work for the web

React-native-web should (in theory) allow you to build on both mobile and web platforms — all within a single codebase. In this article, Clint walks through building a very basic app and the tips and tricks he learned along the way to help it perform at high level without being too buggy.

Why Next.js my ultimate choice over Gatsby, Gridsome, and Nuxt?

In this article, Ondrej walks through his process for evaluating each of these technologies and why he ultimately chose to go with Next.js.


Tutorials

Building complex animations with React and Framer Motion

This tutorial walks you through how to create smooth, advanced animations in React with clean and minimal declarative code.

Building React Apps With Storybook

In this in-depth tutorial, you'll learn how to build and test react components in isolation using Storybook. You will also learn how to use the knobs add-on to modify data directly from the storybook explorer.


Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

SurveyJS

A JavaScript survey and form library that also features a React version.

react-range

Range input with a slider. It's accessible and lets you bring your own styles and markup.

react-xr

React components and hooks for creating VR/AR applications with react-three-fiber.


Videos

How To Build CodePen With React

In this 30-minute video, you'll learn how to create a simple clone of the core functionality of CodePen using React.

Building a Netflix clone with React, Styled Components, and Firebase

This 10-hour video (😱) walks you through all the steps of building a React clone from scratch.

made with ❤️ by ui.dev