ReactNative Best Practices & Libs 2020

Best Practices

Platform-specific styles

Platform-specific modules

BigButton.ios.js
BigButton.android.js
import BigButton from './BigButton';

Use React-Redux and for more hard cases React-Saga

Use Class Component For Stateless and Stateful Components

Using PureComponent for the boost

Lock Dependencies, Prevent The Breaking Changes

"react-native-img-cache": "1.5.3",
"react-native-fetch-blob": "0.10.7",
"react-native-linear-gradient": "2.3.0"
"react-native-img-cache": "^1.5.3",
"react-native-fetch-blob": "^0.10.7",
"react-native-linear-gradient": "^2.3.0"

Make importing better

import TextComponent from "../../../ComponentFolder/TextComponent"
{
"name":"@components"
}
import TextComponent from "@components/TextComponent"

Optimization

Components reuse in the Company

Courses

Libs

Redux VS Remx

Navigation

UI libs

Libs

--

--

--

Machine Learning and Computer Vision Researcher. Founder LearnML.Today

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

JavaScript Array methods

Some react concept -Day 2

React: React Fiber, React Gamekit, Serverless Architecture, and React Loadable

Make your Code look pretty with Prettier

Basic Destructuring JavaScript

Log based CDC between DB2 & PostgreSQL using Debezium

Simple coreDNS timestamp log

Generate Microservices Quickly With Yeoman

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Andrey Nikishaev

Andrey Nikishaev

Machine Learning and Computer Vision Researcher. Founder LearnML.Today

More from Medium

Mobile App Development in 2022: Is React Native Beneficial?

Google Sign in React Native

Mobile App Development Trends To Look Out For In 2022

10 Questions You Need to Ask Yourself Before Hiring a Mobile App Development Company