We may earn an affiliate commission when you visit our partners.
React Native - The Practical Guide [2024]
Academind by Maximilian Schwarzmüller
and
Maximilian Schwarzmüller
Academind by Maximilian Schwarzmüller
and
Maximilian Schwarzmüller
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one.
But wouldn't it be amazing if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
Read more
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one.
But wouldn't it be amazing if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
Read more
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one.
But wouldn't it be amazing if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
That's exactly what React Native allows you to do.
No need to learn Java, Android, Swift, ObjectiveC or anything of that - React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That's probably the reason why Instagram, AirBnB, Skype and many other global companies are using it to build their mobile apps.
With this course, you can join this league. I'll teach you all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.
You'll learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to navigate around, use maps and the camera and so much more.
And which better way to learn than by building a real app? We'll build the "Favorite Places" app in this course, an app where users can share amazing pictures and the location where they took them. This app will allow you to see things like using maps, the camera, user authentication, connecting to a server and much more in action.
By the end of the course, we'll of course also go through all steps required to get it into an app store.
Here's a detailed look at what you'll get:
The core concepts and theory
How to use React, JavaScript and native components
Understand how to navigate in React Native apps
A closer look at styling and animating React Native apps
Instructions on how to use third-party libraries in your React Native app
Detailed examples on how to use maps or an image picker
A full user authentication flow
How to connect to a backend server from your app
Debugging instructions
And so much more.
What will you need to succeed in this course?
NO Android, Java, Swift or ObjectiveC knowledge is required.
JavaScript and React (for the web) knowledge is required though - you don't need to be an expert but the basics need to be set (though there are refresher sections in this course. )
I'd be very happy to welcome you in the course.
Max
Register for this course and see more details by visiting:
OpenCourser.com/course/rx1vft/react
What's inside
Learning objectives
- Learn how to use reactjs to build real native mobile apps for ios and android
- Develop cross-platform (ios and android) mobile apps without knowing swift, objectivec or java/ android
- Explore react native basics and advanced features!
- Learn how to use key mobile app features like google maps or the device camera
- Learn how to use reactjs to build real native mobile apps for ios and android
- Develop cross-platform (ios and android) mobile apps without knowing swift, objectivec or java/ android
- Explore react native basics and advanced features!
- Learn how to use key mobile app features like google maps or the device camera
Syllabus
Learn what React Native is all about and what you can expect from this course. We'll also create a first React Native project and run the app on our real mobile device already!
Read more
Syllabus
Learn what React Native is all about and what you can expect from this course. We'll also create a first React Native project and run the app on our real mobile device already!
Read more
Welcome To This Course & What To Expect!
What Is React Native?
Join our Online Learning Community
A Glance Under The Hood Of React Native
Creating React Native Projects: Expo CLI vs React Native CLI
Creating React Native Projects
Creating a New React Native Project
Analyzing The Created Project
Running Our First App On A Real Device!
Setting Up A Local Development Environment
About This Course
Course Resources, Code Snapshots & How To Use
Let's dive into all fundamental React Native basics that every React Native developer must know. We'll explore core components, building UIs, styling elements and creating layouts & much more!
Module Introduction
Exploring Core Components & Component Styling
Working With Core Components
Styling React Native Apps
React Native: Core Components, Styling & Colors - More Information
Exploring Layouts & Flexbox
React Native & Flexbox
Using Flexbox To Create Layouts
Flexbox - A Deep Dive
Components, Styles, Layouts
Improving The Layout
Handling Events
Managing A List Of Course Goals (in our Demo App)
iOS & Android Styling Differences
Making Content Scrollable with ScrollView
Optimizing Lists with FlatList
More Components & Lists
Splitting Components Into Smaller Components
Utilizing Props
Working on the "Goal Input" Component
Handling Taps with the Pressable Component
Making Items Deletable & Using IDs
Adding an Android Ripple Effect & an iOS Alternative
Adding a Modal Screen
Styling the Modal Overlay
Opening & Closing the Modal
Working with Images & Changing Colors
App Finishing Touches
Module Summary
Get started with debugging React Native apps. Learn how to handle errors and get runtime insights into your app (during development).
Handling Errors
Logging to the Console
Debugging JavaScript Remotely
Using the React DevTools
Using the Documentation
Diving Deeper into Components, Layouts & Styling - Building a Mini-Game App
Module Introduction & What We'll Build
Starting Setup & Analyzing the Target App
Setting Up our Screen Components
Creating Custom Buttons
Styling for Android & iOS
Styling the "Number Input" Element
Configuring the TextInput Field
Adding Visual Feedback to the Buttons
Improving the Buttons
Coloring the Components & The Overall App
Adding a Linear Gradient
Adding a Background Image
Getting Started with the Game Logic
Handling User Input & Showing an Alert Dialog
Switching Screens Programmatically
Starting Work on the Game Screen
Respecting Device Screen Restrictions with the SafeAreaView
Creating a Title Component
Managing Colors Globally
Creating, Using & Displaying Random Numbers
Adding Game Control Buttons ("+" & "-") to the App
Checking for "Game Over"
Improving the Game Screen Visuals
Using "Cascading Styles"
Working with Icons (Button Icons)
Adding & Using Custom Fonts with React Native Apps
Adding a (Foreground) Image
Using & Styling Nested Text
Adding Logic to (Re-)Start Games & Displaying a Summary Screen
Logging Game Rounds
Outputting Log Data with FlatList
Styling the Game Round Logs
Finishing Touches
Learn how to utilize core React Native APIs to adjust your app logic and styling to different platforms and device sizes. Learn how to write platform- and device-specific code!
Setting Dynamic Widths
Introducing the Dimensions API
Adjusting Image Sizes with the Dimensions API
Understanding Screen Orientation Problems
Setting Sizes Dynamically (for different Orientations)
Managing Screen Content with KeyboardAvoidingView
Improving the Landscape Mode UI
The Dimensions API & Responsive UIs
Further Improvements with useWindowDimensions
Writing Platform-specific Code with the Platform API
Styling the Status Bar
Learn how to add more powerful and flexible navigation between different screens with React Navigation. Understand how to use Stack Navigation, Drawer Navigation, Tabs Navigation & Nested Navigators.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Develops and enhances foundation skills for beginning React Native developers
Taught by Maximilian Schwarzmüller, an experienced instructor in web and React development, and backed by Academind, a reputable institution recognized for its technology courses
Offers a complete learning path from the fundamentals to advanced topics in React Native
Builds a solid foundation in React Native concepts and core components, styling, and layouts
Lets learners try out their skills by building a real-world mobile app
Provides practical knowledge on using third-party libraries and integrating device features like maps and the camera
Save this course
Save React Native - The Practical Guide [2024] to your list so you can find it easily later:
Save
Save
Reviews summary
React native practical guide 2024
According to students, this course is a highly recommended resource for learning React Native and building custom applications. Students appreciate the engaging lessons and say this course is a great way to learn more about React Native.
This highly recommended course is a great way to learn React Native.
"I feel like I learned a ton and feel like I can build custom apps to store on the flat thingy I keep in my pocket."
"Thanks for the course. It's great."
"Highly recommended."
Career center
Learners who complete React Native - The Practical Guide [2024] will develop knowledge and skills
that may be useful to these careers:
Mobile App Developer
Mobile App Developer
A Mobile App Developer is responsible for designing, developing, and maintaining mobile applications. This course will help you build a strong foundation in React Native, a popular framework for building cross-platform mobile apps. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality mobile apps that can run on both iOS and Android.
Front-End Developer
Front-End Developer
A Front-End Developer is responsible for designing and developing the user interface of a website or mobile application. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing web development knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality front-end applications.
Full-Stack Developer
Full-Stack Developer
A Full-Stack Developer is responsible for both the front-end and back-end development of a website or mobile application. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing web development knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality full-stack applications.
React Developer
React Developer
A React Developer is responsible for developing and maintaining user interfaces for websites and mobile applications. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing React knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality React applications.
Software Developer
Software Developer
A Software Developer is responsible for designing, developing, and maintaining software applications. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing JavaScript knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality software applications.
UI/UX Designer
UI/UX Designer
A UI/UX Designer is responsible for designing the user interface and experience of a website or mobile application. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing design knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to design high-quality user interfaces and experiences.
Product Manager
Product Manager
A Product Manager is responsible for managing the development and launch of a new product. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing product management knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality products.
Project Manager
Project Manager
A Project Manager is responsible for planning, executing, and closing a project. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing project management knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to manage high-quality projects.
Business Analyst
Business Analyst
A Business Analyst is responsible for analyzing a business's needs and developing solutions to improve efficiency and effectiveness. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing business analysis knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality business solutions.
Data Analyst
Data Analyst
A Data Analyst is responsible for collecting, cleaning, and analyzing data to identify trends and patterns. This course may be useful if you're interested in using React Native to build mobile apps that analyze data. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop data-driven mobile applications.
Machine Learning Engineer
Machine Learning Engineer
A Machine Learning Engineer is responsible for developing and deploying machine learning models. This course may be useful if you're interested in using React Native to build mobile apps that use machine learning. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop machine learning-powered mobile applications.
Data Scientist
Data Scientist
A Data Scientist is responsible for using data to solve business problems. This course may be useful if you're interested in using React Native to build mobile apps that use data science. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop data science-powered mobile applications.
Statistician
Statistician
A Statistician is responsible for collecting, analyzing, and interpreting data. This course may be useful if you're interested in using React Native to build mobile apps that use statistics. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop statistics-powered mobile applications.
Actuary
Actuary
An Actuary is responsible for assessing and managing financial risk. This course may be useful if you're interested in using React Native to build mobile apps that use actuarial science. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop actuarial science-powered mobile applications.
Financial Analyst
Financial Analyst
A Financial Analyst is responsible for analyzing financial data and making investment recommendations. This course may be useful if you're interested in using React Native to build mobile apps that use financial analysis. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop financial analysis-powered mobile applications.
For more career information including salaries, visit:
OpenCourser.com/course/rx1vft/react
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 - The Practical Guide [2024].
Provides a comprehensive guide to React Native development. It covers everything from the basics to advanced topics such as performance optimization and native modules. It great resource for anyone who wants to learn React Native.
Save
Provides an in-depth look at the React Native architecture and ecosystem. Covers topics such as the React Native rendering engine, the JavaScript bridge, and native modules. Also discusses advanced topics such as performance optimization and testing. Assumes you have a solid understanding of React Native and JavaScript.
Provides guidance on how to use React Native to build enterprise-grade mobile applications. Covers topics such as architecture, security, testing, and deployment. Also discusses best practices for developing and maintaining React Native applications in a team environment.
Provides a collection of practical recipes for creating animations in React Native applications. Covers a wide range of topics, from simple animations to complex animations. Provides step-by-step instructions and code examples to help you create beautiful and engaging animations for your React Native apps.
A beginner-friendly guide to learning React Native. Provides a step-by-step approach to building your first React Native app. Covers the basics of React Native, from setting up your development environment to writing your first components.
Gentle introduction to React Native for beginners. It covers the basics of React Native, including creating your first app, working with components, and styling your app.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/rx1vft/react
Share
Similar courses
Here are nine courses similar to
React Native - The Practical Guide [2024].
Building Mobile Apps with React Native
OpenCourser.com/course/9j2r1d/building
Building Mobile Apps with React Native
Most relevant
Building React Native Applications Using Expo
OpenCourser.com/course/8inhyn/building
Building React Native Applications Using Expo
Most relevant
React Native with Expo Deep Dive
OpenCourser.com/course/oimyra/react
React Native with Expo Deep Dive
Most relevant
Building React Native Applications Using Expo
OpenCourser.com/course/wxngr0/building
Building React Native Applications Using Expo
Most relevant
React Native Fundamentals
OpenCourser.com/course/7sxvyb/react
React Native Fundamentals
Most relevant
React Native: Getting Started
OpenCourser.com/course/302ri6/react
React Native: Getting Started
Most relevant
React Native: The Big Picture
OpenCourser.com/course/s085j7/react
React Native: The Big Picture
Most relevant
NativeScript + Angular: Build Native iOS, Android & Web Apps
OpenCourser.com/course/6imjk2/nativescript
NativeScript + Angular: Build Native iOS, Android & Web...
Most relevant
The Complete React Native + Hooks Course
OpenCourser.com/course/fxbe1n/the
The Complete React Native + Hooks Course
Most relevant
Effort
28.5 total hours
Via
Udemy
Instructors
Academind by Maximilian Schwarzmüller
Maximilian Schwarzmüller
Language
English
Good to know
Develops and enhances foundation skills for beginning React Native developers
Taught by Maximilian Schwarzmüller, an experienced instructor in web and React development, and backed by Academind, a reputable institution recognized for its technology courses
Offers a complete learning path from the fundamentals to advanced topics in React Native
Builds a solid foundation in React Native concepts and core components, styling, and layouts
Lets learners try out their skills by building a real-world mobile app
Provides practical knowledge on using third-party libraries and integrating device features like maps and the camera
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