--- title: "A coding interview with Dan Abramov" publication: "React Status" issue: 268 published_at: "2021-12-08" canonical_url: "https://react.statuscode.com/issues/268" --- Plus Remix's attitude to React Server Components. | #​268 — December 8, 2021 [Read on the Web](https://react.statuscode.com/issues/268) React Status ⚛️ Your weekly React news digest, _every Wednesday_. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/jfxtcaahxkbykmhkrhgc.jpg)](https://www.youtube.com/watch?v=XEt09iK8IXs) ▶[A Coding Interview with Dan Abramov](https://www.youtube.com/watch?v=XEt09iK8IXs) — This isn't particularly React focused, but in this novel twist on a straight up interview, React expert [Dan Abramov](https://overreacted.io) subjects himself to a mock [coding interview](https://en.wikipedia.org/wiki/Coding_interview) at the hands of [Ben Awad](https://www.youtube.com/channel/UC-8QAzbLcRglXeN_MY9blyw). 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](https://aws.amazon.com/blogs/mobile/aws-amplify-studio-figma-to-fullstack-react-app-with-minimal-programming/) — On the front-end, design tools like [Figma](https://www.figma.com) 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](https://aws.amazon.com/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) [![\](https://copm.s3.amazonaws.com/7dd790b3.png)](https://www.courier.com/blog/no-code-segment-product-notifications?utm_campaign=segment&utm_source=email&utm_medium=react-status&utm_content=segment-launch) [Announcing Courier + Segment: No-Code Product Notifications](https://www.courier.com/blog/no-code-segment-product-notifications?utm_campaign=segment&utm_source=email&utm_medium=react-status&utm_content=segment-launch) — Segment users can now take advantage of the complete Courier platform, including omni-channel routing, dynamic templates, preference management, automations and more. Trigger multi-channel notifications like email, SMS, Push, Toast, Slack and Teams. Courier sponsor [React Server Components and Remix](https://remix.run/blog/react-server-components) — The launch of [Remix](https://remix.run), which was covered in [266](https://react.statuscode.com/issues/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](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html). One of the co-founders of Remix weighs in. Ryan Florence [Search Params with React Router 6](https://www.robinwieruch.de/react-router-search-params/) — 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)](https://grnh.se/5505867f2us) — 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)](https://jobs.lever.co/pspdfkit/17b19aa3-682e-4f90-9a8a-655034150ffa) — We’re hiring a software engineer to join our team working on [PSPDFKit for Web](https://pspdfkit.com/pdf-sdk/web/). We are building a modern PDF SDK with technologies like React, TypeScript, and WebAssembly. PSPDFKit [Find React Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — 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](https://nextjs.org/blog/discord) — 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](https://www.mikealche.com/software-development/learn-react-animations-by-creating-a-stripe-inspired-menu) Mike Alche 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/uhxqx5wenon18kgdhiof.jpg)](https://github.com/BuilderIO/mitosis#readme) [Mitosis: Write Components Once, Run Everywhere](https://github.com/BuilderIO/mitosis#readme) — 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](https://mitosis.builder.io/?outputTab=vue) lets you see how it works out. Builder.io [hox: Another Option in the Busy State Management Space](https://github.com/umijs/hox) — 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](https://codesandbox.io/s/todo-app-with-hox-2gvgg). UmiJS [React Native Gesture Handler](https://github.com/software-mansion/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](https://retool.com/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=cooperpress) Retool sponsor [Code Hike: Enhancing the Code Reading Experience](https://codehike.org/) — 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](https://codehike.org/#demos) and provide GitHub-based [feedback](https://github.com/code-hike/codehike/discussions) as they head toward release. Code Hike [react-native-paper-tabs](https://github.com/web-ridge/react-native-paper-tabs) — Tabs for [react-native-paper](https://callstack.github.io/react-native-paper/), the [Material Design UI](https://material.io/design) implemented on React Native, as illustrated with a [live demo](https://www.reactnativepapertabs.com). webRidge [HyperTheme: Chakra UI Visual Theme Editor](https://www.hyperthe.me/) — Fans of the [Charkra UI](https://chakra-ui.com) 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](https://github.com/rexxars/react-lowlight) — Simple React syntax highlighting based on [lowlight](https://github.com/wooorm/lowlight). - [react-transition-state](https://github.com/szhsin/react-transition-state) — Transition/animate your React components with a simple hook. - [react-grid-table](https://github.com/NadavShaar/react-grid-table) — A feature rich table based on a CSS grid layout. - [react-three-state-checkbox](https://github.com/jchiam/react-three-state-checkbox) — Handles scenarios where the checkbox isn't necessarily checked or unchecked. This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom