React Native Design Patterns: Utilize patterns to handle common problems with React Native

React Native Design Patterns: Utilize patterns to handle common problems with React Native

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 6 Hours | 409 MB

Effective patterns for handling common problems that you face while developing with React Native

Design Patterns are time-tested solutions that can be utilized as guidelines in your current work. Utilizing Design Patterns enhances code readability, improves the scalability of your applications, and defines a common language with other developers.

In this course, you will develop an understanding of different Design Patterns and understand why a specific pattern was created, and how it should be implemented. By working on practical examples, you will learn how mobile development in React Native should be performed in a reusable way.

By the end of the course, you will be adept at utilizing the best solution for a given problem in your next React Native application.

Learn

  • Understand the benefit of separating data components in the Container Component pattern
  • Understand the purpose of Higher Order Components (HOCs), and share code even when significant changes happen between each platform
  • Develop a deep understanding of the Render Props pattern and how it can better serve your React Native application code sharing abilities as opposed to using an HOC
  • Clean up your codebase, and focus on higher-level problems for presentation by using the Compound Component pattern
  • Gain insights into the Context API, and solve the painful problem of prop drilling through multiple components
  • Take your code sharing to the next level with hooks in React Native
  • Work with the Flexbox pattern, which React Native utilizes to enhance your app’s presentation
  • Utilize multiple navigation options to handle multiple screens in your application
Table of Contents

Utilizing Container Component Pattern
1 The Course Overview
2 Introducing Components and Patterns
3 Examining the Use of the Container Component Pattern
4 Implementing Container Component Pattern

Master Layouts with React Native Styling Pattern
5 Introduction to Styling in React Native
6 The Flexbox Pattern
7 Organizing Styles in React Native
8 Scaling Styles in React Native

Handle Multiple Screens with Navigation Patterns
9 Introduction to Navigation in React Native
10 Navigator Options
11 Nesting Navigators within Your App

Avoid Repetitive Code Using Higher-Order Components Pattern
12 Introduction to Higher-Order Components
13 Examining the Use of a HOC
14 Implementing an HOC

Sharing Code with the Render Props Pattern
15 Introduction to the Render Props Pattern
16 Determining the Problems Render Props Pattern Solves
17 Utilizing Render Props Pattern to Share Code

Communication Across Components with the Compound Component Pattern
18 Introduction to the Compound Component Pattern
19 Examining the Use of the Compound Component Pattern
20 Implementing Compound Component Pattern

Context API
21 Introduction to State Management and the Context API
22 Examining the Use of the Context API
23 Refactoring Compound Component to Use the Context API

Utilizing Hooks
24 Introduction to Hooks
25 Examining the Use of Hooks
26 Refactoring Components to Utilize Hooks