A coding interview with Dan Abramov

#​268 — December 8, 2021

Read on the Web

React Status
⚛️ Your weekly React news digest, every Wednesday.

▶  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!)

Ben Awad

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.

OpenReplay sponsor

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.

Ryan Florence

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.

Robin Wieruch

Jobs

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.

Invoca

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.

PSPDFKit

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.

Hired

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

Learn React Animations by Creating a Stripe-Inspired Menu

Mike Alche

🛠 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.

Builder.io

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.

UmiJS

React Native Gesture Handler — Using the UI thread—as opposed to the JavaScript responder system—makes mobile device touch and gestures smoother, more dependable and more deterministic.

Software Mansion

Build Internal Tools in Minutes with Retool, Where Visual Programming Meets the Power of Real Code

Retool sponsor

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.

Code Hike

react-native-paper-tabs — Tabs for react-native-paper, the Material Design UI implemented on React Native, as illustrated with a live demo.

webRidge

HyperTheme: Chakra UI Visual Theme Editor — Fans of the Charkra UI will like this try-before-you-buy theme editor and may also find inspiration for their own Chakra-based apps.

Hyperting

⚡️ Quick Bits:

react-lowlight — Simple React syntax highlighting based on lowlight.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *