Bookmarks (19) clear filters

Bridging the Gap between useState, useReducer, and Redux — A truly meaty post digging into one developer’s journey to learn about hooks, managing state, using reducers, and where Redux fits into the big picture.

useEffect and useRef Explained for Mortals — “Sometimes the pantheon of React Gods have a hard time translating their wisdom into language the rest of us can understand.” If you agree, this straightforward introduction may well be for you.

Managing Multiple Environments with AWS Amplify — If AWS Amplify is for you, you might also like Jan’s other recent posts about setting up an Amplify project with CI/CD and end-to-end testing of Amplify apps.

Decoupling Logic From React Components — An explanation and rationale for react-redux-api-tools, Redux middleware to separate the data fetching process from components.

Styled-Components v5: 'Beast Mode' CSS Styling for Components — Styled Components is a popular way to bring CSS and JavaScript together for styling components. Version 5 offers 50% faster server-side rendering, 20% faster client-side rendering, 19% smaller bundle size, right-to-left support and, delightfully, no breaking changes.

Tracking User Behavior with AWS Amplify and Sending Reminders — Track which features your users use in AWS Amplify and send them emails, push-notifications and SMS based on their behavior.

Material-UI 4.0: Google Material Design-Inspired React Components — Material-UI has blown up in popularity recently and offers a variety of Material Design friendly components. v4 includes significant improvements to theming, documentation, and performance, though React 16.8+ is a must as hooks are used. GitHub repo.

JavaScript Clean Code: Some Best Practices — You might not sign up for all of these, but these ‘Uncle Bob’-inspired tips might help you think more about how you name things and structure your code.

My Experience Moving From Enzyme to react-testing-library — A developer saw react-testing-library gaining traction and liked that it supported hooks out of the box, so he gave it a chance. Here, he reflects on why react-testing-library has “changed the way I think about writing React tests.”

How to Build and Integrate a Serverless React App with Crowdbotics and AWS Amplify — A pretty extensive tutorial that focuses on using Crowdbotics’ tools and platform.

React Native Deep Linking for iOS and Android — “Deep linking” is the idea of having special URLs that link directly into your app rather than to another Web page, say.

Building a Real-Time Collaborative Beatbox with React — Nader, author of React Native in Action, explains how he used GraphQL subscriptions and React to build this real-time collaborative beatbox.

How to Build A Real Time Logo Detection App with React Native — How to build a React Native app that performs real time logo identification using Google’s Cloud Vision API.

Storybook 5.0: The UI Component Workshop — Storybook is a popular tool for building UI components not only for React but Angular and Vue too. Version 5 comes with an all-new interface, is more customizable, and has a great new homepage. Still asking why you should use Storybook? They’ve got that covered with a new 2 minute intro video.

Hooks Are Good, But Have You Tried Faster React Components? — 5 simple tips to improve the performance of a React app.