React Native from Coursera

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.

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.

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

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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.

See salaries and explore the career path for Mobile Developer

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.

See salaries and explore the career path for Web Developer

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.

See salaries and explore the career path for UI Developer

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.

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

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.

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

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.

See salaries and explore the career path for Software Engineer

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.

See salaries and explore the career path for Applications Developer

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.

See salaries and explore the career path for Product Manager

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.

See salaries and explore the career path for Interaction Designer

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.

See salaries and explore the career path for User Experience Designer

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.

See salaries and explore the career path for Technical Writer

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.

See salaries and explore the career path for Information Architect

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.

See salaries and explore the career path for Business Analyst

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.

See salaries and explore the career path for Project Manager

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.

See salaries and explore the career path for Data Analyst

React Native

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses