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

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

Read more

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

What's inside

Syllabus

Course Overview
Setting up React Native Development Environments
Displaying Scrollable Lists with ScrollView Component
Rendering Large Lists with FlatList Component
Read more
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
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
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
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
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
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
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
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

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.
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.

Share

Help others find this course page by sharing it with your friends and followers:
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.

© 2016 - 2024 OpenCourser