#268 — December 8, 2021
▶ A Coding Interview with Dan Abramov — This isn’t particularly React focused, but in this novel twist on a straight up interview, React expert Dan Abramov subjects himself to a mock coding interview at the hands of Ben Awad. You’ll learn some interesting things about Dan, of course, but you might also pick up a few tips for succeeding in one of the industry’s common barriers to entry (oh, and learn when to use Redux – or not!)
AWS Amplify Studio: From Figma to Full-Stack React Apps with Minimal Programming — On the front-end, design tools like Figma are increasingly popular and are flexible enough to have their end results brought directly into apps (unlike with Photoshop mockups back in the day, say). AWS’s new Amplify Studio, announced at re:Invent last week, seeks to close as much of the remaining gap as possible in order to provide a “development environment for creating full-stack apps with minimal coding”. This tutorial illustrates the approach.
Rene Brandel (AWS)
Open-Source Session Replay for Developers — We let you see and debug what users do on your web app, helping you fix issues faster. We’re the open-source alternative to FullStory and LogRocket. OpenReplay is self-hosted, you have complete control over your data and costs.
React Server Components and Remix — The launch of Remix, which was covered in 266, has been generating a lot of engagement with the React community. Some key discussions are beginning to emerge, such as its positioning with respect to the still-experimental React Server Components. One of the co-founders of Remix weighs in.
Search Params with React Router 6 — Maintaining state in the URL has at least one significant benefit: it’s easy to share. Simply send the URL with its parameters and the recipient is now seeing what you’re seeing (hopefully!). This is how to handle it with the newest version of React Router.
Senior Full Stack Engineer (Remote) — Invoca is looking for passionate developers to join our team. Help build something awesome with React, GraphQL and Ruby on Rails.
Senior Software Engineer (Frontend, Remote) — We’re hiring a software engineer to join our team working on PSPDFKit for Web. We are building a modern PDF SDK with technologies like React, TypeScript, and WebAssembly.
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.
Announcing the Improved Next.js Discord Community — If you want to get together with like minded Next.js developers, this is an option.
Lee Robinson and Hassan El Mghari
🛠 Code and Tools
Mitosis: Write Components Once, Run Everywhere — Mitosis is a process where a single cell divides into two identical child cells, but in this case it’s a single component code base that can compile into forms usable with Vue, React, Solid, Angular, Svelte, and more. The playground lets you see how it works out.
hox: Another Option in the Busy State Management Space — This library does everything with just one API as well as claiming ‘perfect’ TypeScript support and support for multiple data sources. Try out the online demo.
Code Hike: Enhancing the Code Reading Experience — Build first-class code walkthroughs for the web in MDX (v2) and render with React. Currently in preview, but it looks promising. You have an opportunity to check out their demos and provide GitHub-based feedback as they head toward release.
⚡️ Quick Bits:
react-transition-state — Transition/animate your React components with a simple hook.
react-grid-table — A feature rich table based on a CSS grid layout.
react-three-state-checkbox — Handles scenarios where the checkbox isn’t necessarily checked or unchecked.