Understanding React concurrency
#340 — May 24, 2023
The Epic Stack: An Entire Opinionated Stack in One — A new opinionated ‘project starter’ and stack to help you or your team leapfrog analysis paralysis when figuring out what tools and libraries to use in your next, fresh project. And opinionated it certainly is, choosing to go with Remix, Prisma, Tailwind, Fly, SQLite, and more all out of the box. You’re encouraged to fork and remix it, if you want, and Kent gave ▶️ a 20-minute talk at RemixConf to really sell the idea.
Kent C. Dodds
Full Stack for Front-End Engineers with Jem Young (Netflix) — Learn what it means to become a well-rounded full-stack engineer with this hands-on video course. You’ll dive into servers, work with the command line, understand networking and security, set up continuous integration and deployment, manage databases, build containers, and more.
Frontend Masters sponsor
Understanding React Concurrency — It’s not mandatory to understand the details of React’s ‘concurrent features’ (what you may have once called ‘concurrent mode’) but having the basic ideas in your head could help you solve performance problems and bugs down the line.
Slava Knyazev
IN BRIEF:
Next.js has a handy new documentation page explaining the file and folder structure of a typical Next.js app with further links to documentation about each part.
It’s hardly surprising, but Meta found their app became smaller and faster when they switched from using Electron to React Native for Messenger for macOS and Windows.
Does React have a role to play in Spotify’s TV app? Yes, as it turns out.
You Might Not Need React Query — React Query is a great library, but like any tool, you should choose it for the right problem. Certainly an interesting entry in a fantasticly extensive series of posts all about using React Query 😉
TkDodo
▶ Why React is Here to Stay — A rebuttal of sorts to Adam Elmore’s video from two weeks ago: ▶️ I’m Done with React.
Joscha Neske
Automate Component Testing with Chromatic—Powered by Storybook — Verify visual changes and component logic on each commit. Get started with a $500 credit using code REACTSTATUS.
Chromatic sponsor
How We Built the Storybook Day 3D Animation — Have you ever seen an impressive animation and wondered ‘so how’d they actually do that?’ This tutorial takes the Storybook Day animation and breaks it down step-by-step, each with sample code. One for the React Three Fiber crowd.
Varun Vachhar
How to Create a Custom Debounce Hook
John Au-Yeung
Creating a Shine Effect on a Card with Tailwind CSS
Julien Thibeaut
???? Code and Tools
BlockNote: A ‘Notion-Like’ Block-Based Text Editor — Flexible and presents an extensive API so you can integrate it with whatever you want to do. You can drag and drop blocks, add real-time collaboration, add customizable ‘slash command’ menus, and more. Builds on top of ProseMirror and TipTap.
TypeCell
React Authentication, Simplified
Userfront sponsor
Pastel 2.0: A Framework for Building Ink Apps — Ink brings the power of React and components to building command line apps, and Pastel provides more structure on top of that. Indeed, it calls itself a “Next.js-like framework for CLIs.”
Vadim Demedes
Quick SQLite: A Fast React Native SQLite Library Built using JSI — Embeds the latest version of SQLite and provides a low-level JSI-backed API to execute SQL queries.
Margelo
ReacType 16.0
↳ Prototyping tool that can export React code.
Sonner 0.4
↳ Opinionated toast notifications component.
ka-table 8.2
↳ Table component with sorting, filtering, etc.
Virtuoso 4.3.8 – Powerful virtual list component.
PrimeReact 9.5
↳ Comprehensive React component suite.
Preact 10.15 – Fast 3KB React alternative.
Yet Another React Lightbox 3.9 (Examples.)
Jobs
Fullstack Engineer at Everfund.com — Push code, change lives! Help us become the center for good causes on the modern web with our dev tools.
Everfund
Find React Jobs with Hired — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now.
Hired
