React Native Design Patterns

Simpliv

Course

Online

£ 150 + VAT

The best Other Graphic Design courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

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.The code bundle for this course is available at - About the AuthorChristopher Reyes is a software engineer in Southern California with a BSc in Computer Information Systems, specializing in software development. He has multiple years of experience working across diverse technologies, including proprietary programming languages, and full stack JavaScript. 
Chris has experience on the back end with Node.js developing RESTful APIs with TypeScript, and exposing data through GraphQL and Apollo, alongside utilizing React on the front end. Chris has deployed React Native to develop versatile mobile applications that can be utilized across multiple devices and platforms. Chris has mostly worked in the financial sector and has also freelanced for a telematics company. Chris is passionate about test-driven development and writing clean code.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

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

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Engineering
  • Design
  • Software Engineering
  • Benefits

Course programme

Utilizing Container Component Pattern 4 lectures 18:13 The Course Overview This video will give you an overview about the course. Introducing Components and Patterns The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components Examining the Use of the Container Component Pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern Implementing Container Component Pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern Utilizing the container component pattern - Quiz Utilizing Container Component Pattern 4 lectures 18:13 The Course Overview This video will give you an overview about the course. Introducing Components and Patterns The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components Examining the Use of the Container Component Pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern Implementing Container Component Pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern Utilizing the container component pattern - Quiz The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Introducing Components and Patterns The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components Introducing Components and Patterns The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components Introducing Components and Patterns The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components Introducing Components and Patterns The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components The aim of this video is to introduce patterns and discuss why they are significant to Software engineering. • Define what a component is • Introduce patterns in Software engineering • Introduce the container and presentational components Examining the Use of the Container Component Pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern Examining the Use of the Container Component Pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern Examining the Use of the Container Component Pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern Examining the Use of the Container Component Pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern The goal of this video is to understand why the container component pattern should be used. • Review a component that does not utilize the container component pattern • Explain the pitfalls of the component • Explain benefits of utilizing the container component pattern Implementing Container Component Pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern Implementing Container Component Pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern Implementing Container Component Pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern Implementing Container Component Pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern The goal of this video is to refactor a component to utilize the container component pattern. • Define the difference between the container and the presentational components • Explain the significance of view patterns • Implement container component pattern Utilizing the container component pattern - Quiz Utilizing the container component pattern - Quiz Utilizing the container component pattern - Quiz Utilizing the container component pattern - Quiz Master Layouts with React Native Styling Pattern 4 lectures 17:40 Introduction to Styling in React Native The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component The Flexbox Pattern The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native Organizing Styles in React Native The goal of this video is to implement a styling structure for components. • Define how to organize styles • Explain its relationship to presentational components • Refactor code to utilize abstracted styles Scaling Styles in React Native The aim of this video is to create scalable styles within our app. • Refactor a stylesheet for the ease of use • Expand on our structure to handle different problems • Implement new solutions into our app Master layouts with react native styling patterns - Quiz Master Layouts with React Native Styling Pattern. 4 lectures 17:40 Introduction to Styling in React Native The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component The Flexbox Pattern The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native Organizing Styles in React Native The goal of this video is to implement a styling structure for components. • Define how to organize styles • Explain its relationship to presentational components • Refactor code to utilize abstracted styles Scaling Styles in React Native The aim of this video is to create scalable styles within our app. • Refactor a stylesheet for the ease of use • Expand on our structure to handle different problems • Implement new solutions into our app Master layouts with react native styling patterns - Quiz Introduction to Styling in React Native The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component Introduction to Styling in React Native The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component Introduction to Styling in React Native The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component Introduction to Styling in React Native The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component The aim of this video is to introduce styling in React Native. • Introduce styling in React Native • Learn to implement styles • Understand the benefits of the stylesheet component The Flexbox Pattern The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native The Flexbox Pattern The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native The Flexbox Pattern The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native The Flexbox Pattern The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native The goal of this video is to explore the Flexbox pattern. • Examine React Native implementation of Flexbox • Examine how to handle layouts with Flexbox • Discuss why Flexbox is a great fit for React Native Organizing Styles in React Native The goal of this video is to implement a styling structure for components Introduction to Higher-Order Components The aim of this video is to introduce the readers to HOC. • Introduce...

Additional information

This course is for React Native developers who want to improve their skills to become more efficient and write better code with design patterns

See related categories

React Native Design Patterns

£ 150 + VAT

The best Other Graphic Design courses

See all

See all