Bookmarks (21) clear filters

Rerousel: A Light Infinite Carousel for React — Claims to be “the simplest and the lightest infinite carousel component package made for React.” GitHub repo.

Five Common Mistakes When Writing React Components — We quite often find doing something wrong the first time is more instructive that doing it right and being none the wiser. The next best thing is to closely examine how somebody else did it wrong and learning from their mistakes instead of our own.

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.