#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!) 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) |
Announcing Courier + Segment: No-Code Product Notifications — 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 — 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 |
|
|
Announcing the Improved Next.js Discord Community — If you want to get together with like minded Next.js developers, this is an option.
|
|
Learn React Animations by Creating a Stripe-Inspired Menu
|
🛠 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 |
|