#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. Johannes Kettmann |
Not convinced yet? Daniel Asta attempts to show why TypeScript is useful for React developers. |
|
▶ 'Stop Writing Fake React Code' — Jack’s not a fan of vanilla JavaScript in React apps when an idiomatic React-style approach would feel more natural. He shares a few rules to avoid falling into the same issue yourself. Jack Herrington |
|
IN BRIEF:
|
|
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. Taylor Bantle |
|
▶ 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. Chris Power |
|
The State of Notifications Report - User Preferences Courier.com sponsor |
|
Using Path Matching in React Router
|
|
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. Devbook |
|
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. Yahoo |
|
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. SEEK |
|
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. Michal Zalobny |
|
|
🛠 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) |