We may earn an affiliate commission when you visit our partners.
Course image
Taught by Meta Staff

React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native.

Read more

React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native.

Some of the basics skills you will learn include:

• Building a single-page React Native app and styling it using basic components

• Building large lists and configuring user inputs within a React Native app

• Using the Pressable component to build buttons and other clickable areas

• Setting up an app with React Navigation and moving between screens

You’ll gain experience with the following tools and software:

• React

• React Native

• Front End development languages (HTML, CSS and JavaScript)

• JSX

• Code editing programs, such as Expo and Visual Studio Code

This course is for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you will need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Enroll now

What's inside

Syllabus

Introduction to React Native
In this module, the basic structure and use of React Native is explored and demonstrated. You will learn to build a single page React Native app and style it using basic components such as View, Text and StyleSheet.
Read more
Lists and Text Input in React Native
In this module you will learn about the core components of React Native. You will learn to build large and performant lists with the FlatList and SectionList components. You will then learn to configure user inputs via keyboard using the TextInput component. By the end of this module, you will gain the knowledge to build large lists and configure user inputs within your React Native App.
Pressable, Images and Hooks in React Native
In this module you will learn about using the Pressable component to build buttons and other clickable areas. You will then learn about displaying and styling images within the app. Finally, you will explore some common React Native hooks that come handy during development
React Navigation
In this module you will learn all about navigating between screens using React Navigation. You will learn different types of navigation such as Stack, Tab and Drawer navigation, which are widely used in mobile apps. You will also learn about the core features of React Navigation. By the end of this module, you will be able to setup your app with React Navigation and move between screens.
Final project assessment
Practice and reflect on the skills you learned in this course.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Develops building a single-page React Native app, large lists, user inputs via keyboard, buttons, and navigation between screens, which are core skills for mobile development
Uses industry-standard front end development languages (HTML, CSS and JavaScript) and tools including Expo and Visual Studio Code
Taught by Meta Staff, who are recognized for their work in React Native
Suitable for learners wanting to prepare themselves for a career in mobile development
Requires foundational knowledge of React basics and internet navigation skills, which may not be suitable for all learners
Does not offer hands-on labs and interactive materials, which may not suit all learning styles

Save this course

Save React Native 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 with these activities:
Read and Review 'React Native in Action' by Adam Boduch
Familiarize yourself with the fundamentals and best practices of React Native through this comprehensive text.
View React 16 Essentials on Amazon
Show steps
  • Read and understand the concepts presented in the book
  • Summarize the key takeaways from each chapter
  • Complete the practice exercises and quizzes provided in the book
Join a React Native Study Group
Enhance your learning by collaborating with peers, discussing concepts, and solving problems together.
Browse courses on React Native
Show steps
  • Find or create a React Native study group
  • Attend regular meetings
  • Participate in group discussions and exercises
Create a React Native Resource Compilation
Organize and synthesize your course materials to enhance retention and easy reference.
Browse courses on React Native
Show steps
  • Collect relevant resources such as notes, assignments, and online materials
  • Categorize and organize the resources in a logical manner
  • Create a central repository for easy access
Four other activities
Expand to see all activities and additional details
Show all seven activities
React Native Code Challenges
Refine your React Native coding skills through targeted practice exercises.
Browse courses on React Native
Show steps
  • Find online coding challenges or exercises
  • Attempt to solve the challenges using React Native
  • Review your solutions to find areas for improvement
Connect with Experienced React Native Developers
Seek guidance and support from professionals to accelerate your learning and development.
Browse courses on React Native
Show steps
  • Identify experienced React Native developers through online platforms or professional networks
  • Reach out to potential mentors and express your interest and goals
  • Maintain regular communication to seek guidance and advice
Build a Mobile App with React Native
Solidify your understanding of the course concepts by creating a functional mobile application with React Native.
Browse courses on React Native
Show steps
  • Plan and design your mobile app
  • Implement the app's functionality using React Native
  • Test and debug your app
  • Deploy your app to the appropriate platform(s)
Create a React Native Tutorial
Deepen your understanding of the course material by explaining concepts to others through a tutorial.
Browse courses on React Native
Show steps
  • Choose a specific topic within React Native
  • Prepare an outline for your tutorial
  • Develop the tutorial content in a clear and easy-to-understand manner
  • Publish your tutorial online

Career center

Learners who complete React Native will develop knowledge and skills that may be useful to these careers:
Mobile Developer
React Native empowers software engineers and Mobile Developers to build mobile apps cross-platform, saving time and effort. The course's thorough overview of navigation, components, and styling in React Native is great preparation for this role.
Web Developer
React Native is an open-source framework for building cross-platform apps. Web Developers may benefit from learning React Native to create a broader range of mobile products beyond websites. The course's sections on React Navigation, Pressable, and Images would all be immediately relevant in this field.
UI Developer
UI Developers specialize in the design and implementation of user interfaces. This course on React Native would likely be very helpful for someone looking for a career as a UI Developer due to its emphasis on interface elements, styling, and navigation between screens in mobile apps.
Front-End Developer
React Native uses JSX and HTML alongside CSS/CSS-in-JS for styling mobile apps. Front End Developers may find this course useful for breaking into mobile development since it gives them the tools to build apps for multiple platforms using skills they already possess.
Full-Stack Developer
Full Stack Developers have a broad knowledge of software technologies and can work on both front end and back end applications. This course on React Native could be a useful supplement to a Full Stack Developer's knowledge. The course's sections on styling, navigation, and common components are particularly relevant to the mobile development side of Full Stack Development.
Software Engineer
Software Engineers create and maintain applications. React Native is meant for building cross-platform mobile apps. This course can be an asset to a Software Engineer wanting to build mobile apps. The course's section on building apps using basic components is especially relevant.
Applications Developer
Applications Developers specialize in the development and testing of software applications. React Native is a framework for building mobile apps. This course may be useful for someone looking to become an Applications Developer due to its lessons on user inputs, styling, and common components.
Product Manager
Product Managers oversee the development of productos y servicios. A course on React Native may be helpful to Product Managers because it teaches them more about mobile development and how mobile apps are built.
Interaction Designer
Interaction Designers focus on the interaction between users and products. This course may be useful for an Interaction Designer wanting to learn about designing for mobile apps, particularly regarding the sections on interactivity and navigation.
User Experience Designer
User Experience Designers focus on the overall experience of a user using a product. This course may be useful for a User Experience Designer wanting to learn about designing for mobile apps, particularly regarding the sections on interactivity and navigation.
Technical Writer
Technical Writers create and maintain technical documentation. This course may be useful for someone looking to become a Technical Writer due to its detailed overview of React Native and the technologies and components used by the framework.
Information Architect
Information Architects design and organize information systems. This course may be useful for an Information Architect wanting to learn about the structure and design of mobile apps.
Business Analyst
Business Analysts analyze business needs and develop solutions. This course may be useful for a Business Analyst wanting to learn more about the development of mobile apps and the React Native framework for use in solving business problems.
Project Manager
Project Managers plan, execute, and close projects. This course may be useful for a Project Manager wanting to gain a general overview of mobile development and the React Native framework, particularly for projects involving mobile apps.
Data Analyst
Data Analysts collect, analyze, and interpret data. This course may be useful for a Data Analyst wanting to learn about the development of mobile apps, particularly if they are interested in analyzing data related to mobile app usage.

Reading list

We've selected six 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.
Provides a comprehensive introduction to React, the JavaScript library that underlies React Native. It covers the basics of React, such as components, state, and props, as well as more advanced topics such as performance optimization and testing. It valuable resource for anyone who wants to learn more about React and build high-quality React Native applications.
Provides a guide for web developers who want to transition to React Native development. It covers topics such as the differences between React Native and web development, and how to use React Native to build cross-platform mobile applications.
Collection of design patterns for building React Native apps. It covers topics such as architecture, performance optimization, and testing. It's a great resource for developers who want to learn how to write clean, maintainable, and scalable React Native code.
Is not specific to React Native, but it provides valuable insights into how to design and build scalable and efficient data-intensive applications. It valuable read for anyone who wants to learn more about how to manage data in a mobile app.
Provides a deep dive into the JavaScript language. It valuable read for anyone who wants to learn more about how JavaScript works and how to write better JavaScript code.

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