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.
