We may earn an affiliate commission when you visit our partners.

React Native 0.63

Components Playbook

This course will teach you the skills to build scalable React Native apps using its core components.

React Native builds native cross-platform apps using JavaScript and React. In this course, React Native: Components Playbook, you’ll learn to build scalable React Native apps using the core components. First, you’ll explore building the views in the app with the ScrollView component. Next, you’ll learn more about other components like FlatList and SectionList to display large lists. Then, you'll build custom components for your app which can be reused across the app. Finally, you’ll learn about the TextInput component to allow the user to enter data. When you’re finished with this course, you’ll have the skills and knowledge to build React Native applications using some of its core components.

Enroll now

Or start your subscription today

And complete this course over a free trial

Here's a deal for you

We found an offer that may be relevant to this course.

Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid for a limited time only

Future-proof your career

Access O'Reilly books, live events, courses, and more. Save with an annual subscription.

Take

15%

off

What's inside

Syllabus

Course Overview

Setting up React Native Development Environments

Displaying Scrollable Lists with ScrollView Component

Rendering Large Lists with FlatList Component

Displaying Large Lists by Section Using SectionList Component

Developing Reusable Custom Components

Configuring User Inputs with TextInput Component

Summary and Next Steps

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Its objective is to assist persons in gaining proficiency in using JavaScript and React to design React Native apps

The ScrollView component is explained to enable building scrollable lists in the app

It covers reusable custom components that can be used throughout the application

The TextInput component is covered to aid in capturing user data

Appropriate for those looking to develop cross-platform apps with React Native

Useful for entry-level React Native developers seeking to improve skills

Save this course

Save React Native 0.63: Components Playbook to your list so you can find it easily later:

Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in React Native 0.63: Components Playbook with these activities:

Practice styling React Native Components

Show steps

Practice styling React Native components to deepen understanding of visual customization.

Browse courses on Styling

Show steps

Create a new React Native project
Add a component to the project
Add styles to the component
Experiment with different styling options

Practice using TextInput

Show steps

Practice using TextInput component to improve understanding of user data entry.

Browse courses on User Input

Show steps

Create a new React Native project
Add a TextInput component to the project
Handle user input from the TextInput
Style the TextInput component

Practice building React Native views

Show steps

Practice building React Native views to solidify understanding of the ScrollView component.

Browse courses on React Native

Show steps

Create a new React Native project
Add a ScrollView component to the project
Add child components to the ScrollView
Style the ScrollView and child components

Five other activities

Expand to see all activities and additional details

Show all eight activities

Tutorial: Creating ListView with FlatList Component

Show steps

Follow a tutorial to create a ListView with FlatList in React Native, reinforcing the knowledge of large lists.

Browse courses on Lists

Show steps

Find a tutorial on creating ListView with FlatList
Follow the tutorial steps to create the ListView
Experiment with different FlatList properties

Practice building Sectioned Lists

Show steps

Practice building Sectioned Lists to strengthen understanding of organizing large lists.

Browse courses on Lists

Show steps

Create a new React Native project
Add a SectionList component to the project
Add child components to the SectionList
Style the SectionList and child components

Practice building Custom Components

Show steps

Practice building custom components to enhance understanding of reusability.

Browse courses on Custom Components

Show steps

Create a new React Native project
Create a new custom component
Use the custom component in multiple places in the app
Style the custom component

Attend a React Native workshop

Show steps

Attend a React Native workshop to expand practical skills and knowledge in building React Native applications.

Browse courses on React Native

Show steps

Research and find a suitable React Native workshop
Register for the workshop
Attend the workshop and actively participate
Apply the knowledge gained in the workshop to personal projects

Create a React Native app with reusable components

Show steps

Create a React Native app that utilizes reusable components to enhance understanding of code reusability and efficiency.

Browse courses on Reusable Components

Show steps

Plan the app's structure and components
Create the reusable components
Integrate the reusable components into the app
Style the app
Test the app on multiple devices and screen sizes

Career center

Learners who complete React Native 0.63: Components Playbook will develop knowledge and skills that may be useful to these careers:

React Native Developer

React Native Developers focus on building and maintaining mobile applications using React Native, a popular framework for cross-platform mobile development. This course is highly relevant for those aspiring to become React Native Developers as it provides a comprehensive overview of React Native's core components and best practices for building scalable and performant mobile apps. By mastering the concepts covered in this course, individuals can gain a competitive edge in the job market and contribute effectively to React Native development projects.

See salaries and explore the career path for React Native Developer

Mobile Developer

Mobile Developers specialize in developing and maintaining mobile applications for various platforms, including iOS and Android. This course provides a solid foundation for aspiring Mobile Developers who wish to use React Native for building cross-platform mobile apps. The course covers essential concepts such as building custom components, optimizing performance for large lists, and handling user inputs, equipping Mobile Developers with the skills to create high-quality and user-friendly mobile applications.

See salaries and explore the career path for Mobile Developer

UI Engineer

UI Engineers specialize in designing and developing the user interface of software applications. This course can be particularly valuable for UI Engineers interested in mobile development. By learning how to build scalable and responsive user interfaces with React Native components, UI Engineers can create engaging and visually appealing mobile applications that meet the needs of users across different devices and platforms.

See salaries and explore the career path for UI Engineer

Application Developer

Application Developers design, develop, and maintain software applications for various platforms. This course can be valuable for Application Developers who want to specialize in mobile development using React Native. By learning how to build scalable and performant mobile apps with React Native's core components, Application Developers can enhance their skillset and create innovative mobile solutions that meet the demands of the market.

See salaries and explore the career path for Application Developer

Front-End Developer

Front-End Developers are responsible for designing and developing the user interface of websites and applications. This course can be particularly beneficial for Front-End Developers interested in specializing in mobile development using React Native. By learning how to build scalable and responsive user interfaces with React Native components, Front-End Developers can create engaging and visually appealing mobile applications that meet the diverse needs of users across different devices and platforms.

See salaries and explore the career path for Front-End Developer

Software Engineer

Software Engineers design, develop, and maintain software systems. This course can be beneficial for Software Engineers who want to expand their skillset into mobile development using React Native. The course provides a thorough understanding of React Native's core components and best practices, enabling Software Engineers to create robust and scalable mobile applications. By incorporating React Native into their skillset, Software Engineers can enhance their versatility and increase their career opportunities in the growing mobile development industry.

See salaries and explore the career path for Software Engineer

Technical Lead

Technical Leads manage and guide software development teams. This course may be beneficial for Technical Leads who want to strengthen their knowledge of React Native for mobile development. By understanding the core components and best practices of React Native, Technical Leads can effectively lead their teams in designing, developing, and maintaining high-quality mobile applications.

See salaries and explore the career path for Technical Lead

Web Developer

Web Developers design and develop websites and web applications. This course may be beneficial for Web Developers who want to expand their skillset into mobile development using React Native. The course provides a solid foundation for building cross-platform mobile apps, allowing Web Developers to create responsive and engaging mobile experiences for users.

See salaries and explore the career path for Web Developer

Quality Assurance Engineer

Quality Assurance Engineers test and evaluate software products to ensure they meet quality standards. This course may be useful for Quality Assurance Engineers who want to specialize in mobile testing. By learning about React Native's core components and best practices, Quality Assurance Engineers can effectively test and evaluate mobile applications, ensuring their stability, performance, and user-friendliness.

See salaries and explore the career path for Quality Assurance Engineer

Mobile Architect

A Mobile Architect oversees the overall design and implementation of mobile applications to ensure that they are scalable, reliable, and meet the needs of users. This course may be useful for those aspiring to become Mobile Architects as it provides a solid foundation in the core components of React Native, a popular framework for building cross-platform mobile apps. Understanding the concepts covered in this course, such as building reusable custom components and optimizing performance for large lists, can help Mobile Architects make informed decisions during the design and development process, leading to more robust and efficient mobile applications.

See salaries and explore the career path for Mobile Architect

Full-Stack Developer

Full-Stack Developers possess expertise in both front-end and back-end development. This course may be useful for Full-Stack Developers who want to expand their knowledge into mobile development. By learning how to build cross-platform mobile apps with React Native, Full-Stack Developers can create complete and cohesive mobile solutions, enhancing their versatility and employability in the tech industry.

See salaries and explore the career path for Full-Stack Developer

Project Manager

Project Managers plan, execute, and deliver software development projects. This course may be useful for Project Managers who want to expand their knowledge into mobile development. By learning about React Native's core components and best practices, Project Managers can effectively manage mobile development projects, ensuring timely delivery, budget adherence, and stakeholder satisfaction.

See salaries and explore the career path for Project Manager

UX Designer

UX Designers focus on enhancing the user experience of software applications. This course may be useful for UX Designers who want to gain a better understanding of the technical aspects of mobile development. By learning about React Native's core components and best practices, UX Designers can collaborate more effectively with developers to create user-centric and intuitive mobile applications that meet the needs of users.

See salaries and explore the career path for UX Designer

Product Manager

Product Managers are responsible for defining the vision and roadmap of software products. This course may be useful for Product Managers who want to gain a better understanding of the technical aspects of mobile development. By learning about React Native's core components and best practices, Product Managers can make informed decisions about the features and functionality of their mobile products, ensuring that they meet the needs of users and align with the overall product strategy.

See salaries and explore the career path for Product Manager

Software Architect

Software Architects design and oversee the development of software systems. This course may be useful for Software Architects who want to gain a better understanding of the technical aspects of mobile development. By learning about React Native's core components and best practices, Software Architects can make informed decisions during the design and implementation of mobile applications, ensuring scalability, performance, and user satisfaction.

See salaries and explore the career path for Software Architect

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in React Native 0.63: Components Playbook.

March's Advanced Organic Chemistry

Save

Provides a gentle introduction to React Native, including how to set up a development environment, build user interfaces, and handle state. It's a great resource for beginners who want to learn more about React Native.

March's Advanced Organic Chemistry: Reactions,...

Hardcover

$$$$

March's Advanced Organic Chemistry: Reactions,...

Hardcover

$$$

March's Advanced Organic Chemistry: Reactions,...

Hardcover

$$$$

March's Advanced Organic Chemistry (with CD):...

Paperback

March's Advanced Organic Chemistry: Reactions,...

Kindle Edition

$$$$

Folklore and the Fantastic in Nineteenth-Century...

Save

Serves as a gentle introduction to React Native for beginners. It provides a solid foundation for understanding basic concepts and building simple apps, making it a useful reference for learners who are new to the framework.

Folklore and the Fantastic in Nineteenth-Century...

Paperback

$$$

Folklore and the Fantastic in Nineteenth-Century...

Kindle Edition

$$$

Help others find this course page by sharing it with your friends and followers:

Facebook

Copy Link

Similar courses

Here are nine courses similar to React Native 0.63: Components Playbook.

React Native Fundamentals

Most relevant

React Native

Most relevant

React Native: Getting Started

Most relevant

Server Component Fundamentals in React 18

Most relevant

Building Mobile Apps with React Native

Most relevant

Building React Native Applications Using Expo

Most relevant

What Is React?

Most relevant

Building React Native Applications Using Expo

Most relevant

React Native with Expo Deep Dive

Most relevant

Time

151 hours

Level

Intermediate

Via

Pluralsight

Instructor

Adhithi Ravichandran

Language

English

Good to know

Its objective is to assist persons in gaining proficiency in using JavaScript and React to design React Native apps

The ScrollView component is explained to enable building scrollable lists in the app

It covers reusable custom components that can be used throughout the application

The TextInput component is covered to aid in capturing user data

Appropriate for those looking to develop cross-platform apps with React Native

Useful for entry-level React Native developers seeking to improve skills

Share and help others discover this course.

Facebook

Link

Don't miss out

Enroll today to gain access to this course

Enroll in this course

Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.