Digests » 218

sponsor

Learn React Hooks with TylerMcGinnis.com

Our original React course launched in 2016 and has since been taken by over 80K students with an avg rating of 4.8/5. Today, we’re excited to launch its successor. Built from the ground up, our new React and React Hooks courses will teach you everything you need to know about writing React in 2019.

react

Zero Abstraction Cost Styling zapman_artist (for React DOM & React Native)

Super-fast as in: there is no difference between using ZACS and writing <div className> and <View style> manually. That's because the library doesn't actually exist at runtime, it's entirely implemented as a Babel plugin, which compiles the "styled components" syntax down to bare metal.

React Rainbow Components

React Rainbow is a collection of components that will reliably help you build your application in a snap. Give it a hack and let us know what you think.

Animating Next.js page transitions with Framer Motion

I've been testing several React animation libraries and Framer Motion made the highest impression on me. In this post we'll explore how to use Framer Motion to animate Next.js page transitions.

Tutorial Import and preloading of bunch of images in React app

During a recent development of an cartoon app with a bunch of animations and a lot of pictures(https://teddy-games-app.herokuapp.com) that were used in those animations, I came across a couple of issues.

Bridging the Gap between React's useState, useReducer, and Redux

At my first job and the first codebase I worked on, we had to use NGRX (Angular’s version of Redux). It was incredibly challenging; I spent hours reading docs and watching tutorials trying to understand NGRX. I even tried learning Redux in a desperate attempt to understand NGRX. I constantly complained to my boss about all the boilerplate, files, and patterns to memorize.