Make your own Clubhouse app in React, examples of useRef, and test-driven development in React
This week's issue is sponsored by Codesmith.
Codesmith is a top ranking software engineering bootcamp that will help you land a mid to senior software engineering role at top tech companies with a curriculum focused on React, Redux and Node.
const Codesmith =
'top ranking software engineering bootcamp ' +
'supportive community ' +
'exceptional career outcomes'
👉 Accelerate Your Career with Codesmith
useRef is a built-in React Hook that can be confusing for many. But if you spend some time to learn how it works, you'll see that it's actually a hidden gem and a powerful tool in your arsenal. In this article, Linton Ye walks through the mental model behind useRef along with some useFul examples to see it in action.
In this article, Dan Abramov shares two "surprisingly basic" techniques for improving rendering performance besides memo() and useMemo().
In this article, Kirill Novik shares his approach to doing application development with React in a test-driven fashion. Think of it as a unicorn of the programming paradigms — it makes a lot of sense, yet doesn’t exist in real life. Or does it?
This is the first article in a multi-part guide from Felix Gerschau that goes over everything you need to know about using React with TypeScript. This article gives a brief introduction to TypeScript and addresses the pros and cons of adding it to a React project.
This tutorial will walk you through how to create something similar to Microsoft's Flight Simulator on a smaller scale and with less detail.
Dependency injection is a form of inversion of control. This means that a component’s dependencies are not part of a component’s internals, they are defined at the public-facing seam, or interface, of the component. This tutorial goees over some techniques for using dependency injection in React.
A library for easily creating interactive videos in React.
A React-first components GUI that's "customizable, extensible and beautiful by deafault."
A Next.js landing page template for SaaS products, online services and more.
In this 10-minute video from Fireship.io, you'll learn how to create an invite-only app like Clubhouse with React and Firebase.
This 12-hour tutorial walks through every step of building your own Instagram clone from scratch using React, TailwindCSS, Firebase, React Testing Library, and Cypress.