Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Were React hooks a mistake? Take 2.

Plus Mantine 6.0, exporting icons in Figma to React components, and hooks for local-first apps. |

#​329 — March 8, 2023

Read on the Web

Together with 
React Status

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 sponsor

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 sponsor

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

🛠 Code and Tools

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 sponsor

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

Jobs

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



This post first appeared on Blog De Raoued, please read the originial post: here

Share the post

Were React hooks a mistake? Take 2.

×

Subscribe to Blog De Raoued

Get updates delivered right to your inbox!

Thank you for your subscription

×