React Native: Tips, Tricks, and Techniques

React Native: Tips, Tricks, and Techniques

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 3h 25m | 749 MB

Make your React Native development smoother, smarter, and faster with this highly practical guide

Mobile application development has seen a bit of a surge lately with the advent of multi-platform frameworks like React Native.

This course helps to provide you with valuable tips and tricks to help make your development process easier, and less tedious. You will find tips about reusable logic with Higher Order Components, tips for better upgrading, tips on styling and separation of concerns. You will be getting some useful & cool tips on using tools for faster React Native development, such as reactotron, react-native-debugger and making your own logger for debugging and analytics. Finally, some tips and useful scripts you can use, and a nice way to use feature flags for your application.

By the end of this course, you would have added useful skills to your arsenal, a plethora of valuable tips and tricks to make your development process with React Native more effective and efficient.

This course takes a practical and easy-to-learn approach to get you quickly moving ahead. You’ll get cool tips and shortcuts that you can use to make your React Native development super smooth and fast.

What You Will Learn

  • Difference between “Smart” and “Dumb” components and when to use them.
  • Abstraction of logic using higher order components (HOC).
  • Separation of concerns and useful techniques about it.
  • Tips for styling, using colors, fonts and metrics.
  • Tips on upgrading React Native version.
  • Tips on a feature flags approach to deployment.
  • Tips on using tools, scripts andrepos for easy development.
Table of Contents

Tips for Improving Component Reusability
1 Course Overview
2 What Is a ‘Smart’ and ‘Dumb’ Component
3 Practical Usage of ‘Smart”Dumb’ Component
4 When to Use a Class, a Pure or a Functional Component

Useful Techniques for Improving HOC Usage
5 Introduction to Higher Order Components (HOC)
6 Practical Usage of Higher Order Components
7 Introduction to Render Props
8 When to Use HOCs and Render Props

Smart Tips on Separation of Concerns for Testing and Debugging
9 Practical Usage of Redux (Separation of Concerns)
10 Debugging with react-native-debugger
11 Debugging and Logging with Reactotron
12 Storybook for Quick and Easy UI Development
13 Own Logger for Debugging and Analytics

Unified Resources for Easy Named Reuse
14 Why and How to Use Unified Resources
15 Metrics
16 Colors
17 Fonts
18 Styles

Other Useful Tips and Tools
19 Useful Scripts for Faster Development
20 You Never Need to Import from `..` Anymore
21 Using rn-diff-purge to Upgrade React Native Version
22 Feature Toggles
23 nvm and .config