React Newsletter #226

Storybook 6.0, Rome, and a guide to commonly used React component libraries


News

Storybook 6.0 is released

Storybook 6.0 is a lot easier to set up and also incorporates many best practices for component-drive development. Other highlights include:

  • Zero-configuration setup
  • Next-gen, dynamic story format
  • Live edit component examples
  • The ability to combine multiple story books

Rome: A new toolchain for JavaScript

Sebastian McKenzie announced Rome's first beta release last week, and called it "the spiritual successor of Babel" (he's allowed to say that because he created Babel). "Rome is designed to replace Babel, ESLint, webpack, Prettier, Jest, and others" We wrote more in depth about Rome in yesterday's issue of Bytes.


Articles

Understanding React's useRef Hook

In this article you'll learn everything you'd ever want to know about React's useRef Hook including but not limited to how you can recreate it with useState - because, why not?

A Guide to Commonly Used React Component Libraries

This guide gives some helpful background info and the pros and cons of various well-known component libraries.


Tutorials

Build a Landing Page with Chakra UI - Part 1

This tutorial series will teach you how to build a responsive landing page in React using the Chakra UI design system. This first part goes over how to set up your landing page and build the hero section.

How to setup HTTPS locally with create-react-app

This tutorial goes over how to serve a local React app via HTTPS. You'll be setting up HTTPS in development for a create-react-app with an SSL certificate.


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

Flume

An open-source library that provides a node editor for visual programming and a runtime engine for executing logic in any JS environment (also portable to non-js).

Vite + React + Tailwind CSS starter

This is a simple setup using Vite, React and Tailwind for faster prototyping.


Videos

How the React Native Bridge works

This short video from Jimmy Cook gives a helpful deep dive into the React Native bridge and how communication between the native side and the JavaScript side will change in the future.


made with ❤️ by ui.dev