Best of React Native — September 2022

1. 1
   Article

   DEV·4y

   Me & React: 5 years in 15 minutes

   React has finally started making sense to me. It was almost the same as my old pal HTML, except JSX allowed splitting HTML pages into tiny dynamic building blocks. A stateful component had a state which was triggering a re-render on change, while the stateless had only the render part and were rendering the same thing. It made debugging quite mind bending, as sometimes console.log has been printed a microsecond before the state was actually propagated. Redux has treated me a bit better.

   75

   1
2. 2
   Article

   Community Picks·4y

   How to Create Protected Routes in React with React-Router V6

   React Router went through a ton of changes in version 6, and I mean a lot of changes so much so that if you weren't paying attention you'd probably think you are using a new library entirely! In this article, I show you how to build a react app with protected routes using react-router v6.

   54

   4
3. 3
   Article

   Community Picks·4y

   Why our websites are slow — Importance of bundle size

   A new story tells the impact of bundle size on application performance and a mind-boggling story to understand why websites can be slow. The story begins way back exactly one year ago. For one year I have covered so many stories on react application optimisation but today I have a new perspective on seeing react applications.

   47

   5
4. 4
   Article

   React Native·4y

   Announcing React Native 0.70 · React Native

   Announcing React Native 0.70.0.70 is the first version with Hermes, our in-house JS engine, enabled by default. New unified configuration for Codegen - Android Auto-linking for New Architecture libraries - Full CMake support for Android builds.

   31

   2
5. 5
   Article

   Auth0·4y

   Testing React Applications with Jest

   MockingJest allows you to mock objects in your test files. You can turn on automatic mocking with automock which will mock every component/object that the component is part of your project. For the first test, we'll write a simple test that ensures that Jest was set up correctly and that it can run a test successfully.

   20

   4
6. 6
   Article

   React Native Example·4y

   A Rick and Morty Wiki Made using React Native

   A Rick and Morty Wiki made using React Native to serve an infinite scrolling list of all the characters in the famous series. Uses the Rick and Mortar API to display the details of each character including- name, gender, origin, location, amount of residents, chapters the character is featured in.

   19
7. 7
   Article

   asayer·4y

   Data Visualization with Google Charts

   Google Charts is a productive and straightforward JavaScript charting utility that is free and regularly maintained by Google. In this article, we’ll consider this package and some alternatives, and show its usage with React; let’s get on! Then import our chart from chart.js in the App.js file. We import react-google-charts first, then retrieve the Chart property.

   13

   2
8. 8
   Article

   Frontend Weekly·4y

   Frontend Weekly

   This Week in React A weekly newsletter to stay on top of React and React-Native, for experienced developers. Noor Ahmed shares his top three design pattern recommendations, all of which are simple to learn and use in your work or personal projects. Watch Every Developer Needs to Know these VSCode Tips and Tricks.

   13
9. 9
   Article

   thoughbot·4y

   Automate React Native App deployments

   For iOS, these are the steps to archive and upload a new build to TestFlight via the App Store Connect. The process for Android deployment involves a series of steps such as generating an upload key using keytool. Running one command on your terminal or the CI can deliver instant updates to all the App users without submitting an App update. But there are few cons to using Expo,

   11