React Native: Tips, Tricks, and Techniques

The aim of this video it to explain what a HOC is, when to use HOCs and how to write one.

   •  Understand Higher Order Component

   •  Understand what HOCs should do and what they can do

   •  Write a HOC

This video will show a couple of different HOCs, applying what we saw in the previous video, and show common usages.

   •  Explore HOC for long press zooming on a button

   •  Explore HOC for outlining different kinds of components

   •  Explore the common ways to use HOC

This video will explain what render props are and why they are special.

   •  Understand Render Props

   •  FlatList example of render props.

   •  Screen example of render props.

The aim of this video is to provide some information about what the differences of HOCs and render props are, and explain when to use each

   •  Understand when to use HOCs and why

   •  Explain when to use render props and why

   •  Look at the recap of comparison.

This video will introduce and explain Redux to the viewer. It shows how to separate the logic from the UI, and why.

   •  Explore and understand  Redux

   •  Introduce the “duck” structure and setup Redux.

   •  Test and use Redux.

This video shows the capabilities of the react-native-debugger, and explains why it is superior to the normal remote debugger.

   •  Introduce react-native-debugger.

   •  Set up the debugger in our project.

   •  Add Redux support for the debugger.

The aim of this video is to make the viewers familiar with Reactotron and its features.

   •  Explore Reactotron and understand why it’s a great tool.

   •  Set up Reactotron in our project.

   •  Add Redux support for Reactotron.

The video will show storybook and the reasons it’s a great way to quickly create new UI.

   •  Understand what storybook does for our application.

   •  Set up storybook and create stories for our buttons.

   •  Add knobs and more examples or stories.

The aim of this video is to teach the viewer how to create their own logger, explain why it’s a very useful tool and how to wrap other libraries.

   •  Understand why an own logger is needed.

   •  Show some examples and set up the logger.

   •  Use our logger and modify it to suite our needs.

The aim of this video it to explain what the unified resources are, why use them, and how to set them up

   •  Understand Unified Resources

   •  Understand what constitutes a Unified Resources

   •  Explore the uses of Unified Resources

This video will show what can be added to the Metrics Unified Resources, how to set them up and use them

   •  Setup Unified Resources specifically for metrics

   •  Create some Metrics

   •  Use Metrics in our existing code

This video will show the viewer the usefulness of colors in Unified Resources

   •  Setup Colors in Unified Resources

   •  Create some Colors

   •  Use Colors in our Components

The aim of this video is to explain how to use unified resources with regards to fonts

   •  Setup fonts Unified Resources with size, and use it

   •  Add secondary font and use it

   •  Add primary font and use it

The video will show how to extract common component styles into a Unified Resources

   •  Setup styles unified resource

   •  Create some styles

   •  Use styles in one of our components.

This video will show a list of very useful scripts and shortcuts to make development faster.

   •  Explore Scripts for the packager

   •  Explore More yarn Scripts.

   •  Understand Scripts for preparing, building and finalizing.

The aim of this video is to teach the viewer how to import without the need of `..` for an easier developer experience.

   •  Add babel-plugin-module-resolver and setup.

   •  Use form import Component from ‘components/Component’.

   •  Setup and use form import {Component} from ‘components’.

This video will demonstrate upgrading our project to 0.58.0 using  rn-diff-purge, after explaining the options and why purge is the best  one.                         

• Introduce the upgrading options and compare them.

• Explain how rn-diff-purge works.

• Perform upgrade to 0.58.0 on our project.

The aim of this video is to explain how to use Feature Toggles for easier developing in a bigger team and for gradual deployment of features.

   •  Setup Feature Toggles.

   •  Create some Feature Toggles.

   •  Use them in our code.

The video will show the tool nvm to the viewer, as well as explain the use of a .config directory.

   •  Introduce nvm and set it up.

   •  Use nvm in our project.

   •  Setup a .config directory for future use.