React Native: Components Playbook

By Adhithi Ravichandran
This course will teach you the skills to build scalable React Native apps using its core components.
Play course overview
Course info
Rating
(15)
Level
Intermediate
Updated
Jan 13, 2021
Duration
2h 30m
Table of contents
Course Overview
Course Overview 1m
Setting up React Native Development Environments
Course Outline and Prerequisites 4m React Native Components 3m Globomantics App 2m Setup React Native 3m Checkout Source Code 1m Setup Globomantics Demo App 5m Explore App Layout 5m VS Code Extensions 2m Summary 1m
Displaying Scrollable Lists with ScrollView Component
Module Overview 1m ScrollView Component 4m Props Overview 1m Layout and Styling 5m Sticky Headers 4m Paging 3m Scroll Methods 7m Virtual Keyboard Handling 2m Platform Specific Props 4m Drawbacks of ScrollView 3m
Rendering Large Lists with FlatList Component
Module Overview 1m FlatList Component Introduction 2m Required Props - Data and RenderItem 2m Display Speakers List Using FlatList 7m Separator Component 2m Header and Footer Components 5m getItemLayout 3m Summary 1m
Displaying Large Lists by Section Using SectionList Component
Module Overview 1m SectionList Component Introduction 2m Sections and RenderItem Props 2m Display Conference Sessions Using SectionList 8m SectionList Props 4m Summary 1m
Developing Reusable Custom Components
Module Overview 1m Components 3m Developing Custom Components 5m Passing Props to Custom Component 5m Initialize and Manage State in Components 8m Styling 3m Summary 1m
Configuring User Inputs with TextInput Component
Module Overview 1m TextInput Component Introduction 2m Setting up TextInput Component 6m Filter Sessions Based on User Search 3m Explore TextInput Features 5m TextInput Methods 5m Handling Virtual Keyboard 3m
Summary and Next Steps
Course Summary 3m
Description
Course info
Rating
(15)
Level
Intermediate
Updated
Jan 13, 2021
Duration
2h 30m
Description

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.

About the author
Adhithi Ravichandran
About the author

Adhithi Ravichandran is a Software Consultant based in Kansas City. She is passionate about Software Engineering, Teaching, Healthcare and Music. She currently specializes on building React Native and React apps. Adhithi is a regular conference speaker and talks on varied tech and human skills topics.

More from the author
React Native: The Big Picture
Beginner
1h 3m
Jan 28, 2021
Consuming a GraphQL API with Apollo Client and React
Intermediate
2h 1m
Sep 24, 2020
More courses by Adhithi Ravichandran
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, everyone. My name is at the Adhithi Ravichandran, and welcome to my course, React Native: Components Playbook. I'm a software consultant, author, and speaker, and I primarily work on React, React Native, and GraphQL apps. Did you know React Native builds Native cross‑platform apps with React and JavaScript? Are you ready to learn the core components of React Native? In this course, React Native: Components Playbook, 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. We'll then build custom components for our app, which can be reused across the app. Finally, you'll learn about the TextInput component to allow the user to enter data. By the end of this course, you'll know how to build scalable React Native apps using its core components. Before beginning the course, you should be familiar with JavaScript, React, and the basics of React Native. I hope you'll join me on this journey to learn React Native with the React Native: Components Playbook course at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT