#329 — March 8, 2023 | Read on the Web | Why You Should Use a React 'Framework' — Whether it's Next.js, Gatsby, Remix, or something else, using a bigger framework that itself uses React is de rigueur in 2023. Lee examines why, complete with a nice iceberg metaphor, and does a good job of boiling down the basic argument. Lee Robinson |
Common Beginner Mistakes with React — As an experienced React educator, Josh has seen most of the common problems people encounter and here he digs deep into "9 of the most dastardly gotchas" and how to resolve them. Aimed at folks who are 'still pretty early' in their React journey — so if you're Dan Abramov, this isn't for you 😁 Josh W Comeau |
Dynaboard: A Visual Web App IDE Made for Developers — Build high performance public and private web applications in a collaborative — full-stack — development environment. Dynaboard |
Were React Hooks a Mistake? — This isn't quite an attempt to rewind to class-based components, but a take on the rapidly growing popularity of a signals-based approach (as more often seen in non-React frameworks, such as with Preact Signals). Jake takes a thoughtful tour of the concepts involved but concludes that only 'time will tell.' Jake Lazaroff |
If this item seems familiar, last July we linked to the now Medium-walled 'Can We All Just Admit React Hooks Were a Bad Idea?' which took a rather different approach. |
IN BRIEF: -
Popular JavaScript YouTuber Theo makes the argument that ▶️ React is a backend framework now. -
📅 React Summit is a large React conference taking place in Amsterdam and online this June. React Advanced is another from the same folks in London this October. -
📅 In other events news, Remix Conf 2023 has unveiled the speakers for its May event in Salt Lake City. If you have a React event coming up, let us know. -
The folks at Vercel, who also build Next.js, have been thinking about how frameworks can help systems infer their infrastructure requirements so that they can be deployed more smoothly.
|
Full-Stack TypeScript with tRPC and React — How to create a CRUD app with Node/Express on the server and React on the client while employing tRPC for communication between the two. Robin Wieruch |
How to Make Slow React Native Apps Faster — The folks over at internal tool building platform Retool recently released Retool Mobile, a way to build native apps in a similar way to their Web-based ones. This post covers a few optimizations they made to make the app as fast as possible. James Lee (Retool) |
Next.js Drag-and-Drop Image Uploading Directly to S3 — Including Terraform code for S3/CloudFront integration. Daniel Errante |
Need Help with Your React.js Project? Hire Our Team of Senior Devs OmbuLabs | Lean Software Boutique |
How to Build a React Admin Panel with Mantine, Strapi and Refine Refine |
Creating a Knowledge Base with React Native and ButterCMS Levis Masonde |
Visualizing Your Photos on a Map with React Native Bohdan Stupak |
Mantine 6.0: A Full Featured React Component Library — An increasingly popular MIT-licensed, TypeScript-based collection of 100+ components and hooks (with thorough documentation on every one, like this page about buttons). With v6, all components use rem units which affects styling in various ways. Numerous other breaking changes make this an upgrade to take care over. Mantine Team |
Ink 4.0: React, but for Building Interactive CLI Apps — Build your command line apps using React-style components. As of v4.0, Ink is now pure ESM, requires React 18, and requires Node 14.16+. Vadim Demedes |
Try Stream's Free Trial of SDKs for In-App Chat Stream |
Mezze: Export Icons as React Components from Figma — The aim is to go from a set of Figma icon assets to a GitHub PR with a few clicks. Tianhe Yang |
Evolu: Hooks for Local-First React Apps — A library of hooks for local-first apps with end-to-end encrypted backup and sync using the official WebAssembly build of SQLite and a conflict-free replicated data (CRDT) approach. GitHub |
PNGR: Dockerized (Postgres + Nginx + Go + React) — Starter kit for a webapp that includes user and session management, JWT authentication, and a basic CRUD example. Karl Keefer |
Software Engineer — Join our happy team. Stimulus is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness. Stimulus |
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 |
|
QUICK RELEASES: -
⌘K / CmdK 0.2 ↳ Command menu component. -
SWR 2.1 ↳ Hooks for data fetching. -
react-jsonschema-form 5.2 ↳ Declaratively build forms from JSON Schema. -
MUI X 6.0 ↳ Collection of advanced React UI components. -
Playroom 0.30 ↳ Zero-install code-oriented design environment for your components. -
ReactPlayer 2.12 ↳ Component to play media from a variety of sources, such as YouTube, Facebook, Twitch, and SoundCloud. -
ReacType 14.0 ↳ Rapid React prototyping tool. -
visx 3.1 ↳ Airbnb's low level visualization components. -
Metro 0.76 ↳ The JS bundler for React Native. -
styled components 5.3.8
|
|