#317 — December 7, 2022
Introducing Codux: A Visual IDE for React via Wix — One of the co-founders of Wix, the visual website builder service, introduces a brand new standalone tool intended to accelerate the React development process. It currently only supports Chromium-based browsers but you can take it for a test drive or just learn more from its snazzy homepage.
Nadav Abrahami (Wix)
▶ A Trailer for React.js: The Documentary — Honeypot has a good record in producing interesting developer documentaries (such as this one about Vue.js) so it’s neat to see they have a React one on the way in early 2023. Folks like David Nolen, Sophie Alpert, and Dan Abramov make an appearance.
Honeypot on YouTube
They also had Douglas Crockford explain ▶️ the pronunciation of JSON..
Updated ‘Complete Intro to React’ Course — Learn to build real-world apps using modern React and the latest tools in the React ecosystem like Vite, ESLint, TailwindCSS, React Router, and React Query!
Frontend Masters sponsor
A Minimal TypeScript Crash Course for React — Johannes is so convinced learning TypeScript is a good use of your time he’s boiled it down to the basics, complete with interactive exercises to help it stick.
Not convinced yet? Daniel Asta attempts to show why TypeScript is useful for React developers.
The Storybook team has shared an update on future support for frameworks including Next.js, SvelteKit, and Remix. Most of this is set to arrive in 2023.
If you’ve never worked with both React and React Native, you might wonder how different the experiences are. Mike Cavaliere boils it down.
Adding Google Analytics 4 to Existing Gatsby or Next.js Apps — This becomes necessary due to big changes in how Google Analytics works next year.
▶ How to Make a Five Star Rating Component — A relaxed video on the subject which started life as one those ‘crack the coding interview’ posts.
The State of Notifications Report – User Preferences
Using Path Matching in React Router
Create an Upvote System with React and Socket.io
Using Mantine with React and Next
🛠 Code and Tools
Splitter: Component for Building Split Views — If you’re used to splitting up panes in an IDE like VS Code, this idea will feel natural to you. Here’s a CodeSandbox demo with a variety of options.
react-i13n 3.0: A Scalable Approach to Instrumenting React Apps — It appears i13n is ‘instrumentation’ – another term to learn 🙂 This long standing library from Yahoo gets updated to modern standards and has plugins to integrate with Google Analytics, Mixpanel or Segment.
Get Real-Time Tracking and Monitoring for Your Jest Tests
Buildkite Test Analytics sponsor
Vanilla Extract: Zero-Runtime Stylesheets in TypeScript — Using TypeScript as a preprocessor, you can use this framework agnostic approach to write type-safe, static CSS. Not my cup of tea, but the homepage does a good job on selling the idea.
react-use-wizard: A Step-by-Step Wizard Builder — There are some examples on the homepage.
Jonas De Vrient
React Just Parallax: A Lightweight Parallax Library — A library for scroll and mousemove parallax effects written in TypeScript. The homepage is a demo of the concept. GitHub repo.
React Admin 4.6
↳ Frontend framework for B2B apps.
React Reader 1.0
↳ ePub ebook reader for React apps.
React Tooltip 5.0
↳ A big upgrade. (Examples.)
↳ Show a splash screen during app startup.
🕜 React Chrono 1.20
↳ Modern timeline component.
❤️ Heart Switch 1.0.7
↳ A heart-shaped toggle switch component.
Software Engineer — Stimulus is a social platform started by Sticker Mule to show what’s possible if your mission is to increase human happiness. Join our engineering team.
Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.
🛠 And one from earlier in 2022..
Polaris Viz: Shopify’s React Data Visualization System — This post dates from March but was about a library that wasn’t then actually released.. so we put it on ice. It’s now on GitHub, so here we go. Polaris is used to power many of Shopify’s own data heavy dashboards and notebooks.
Krystal Campioni (Shopify)