Table of Contents
Multiplatform Mobile App Development with React Native
This course focuses on developing truly cross-platform, native iOS and Android applications using React Native (Ver 0.55) and the Expo SDK (Ver.27.0.0). React Native uses modern JavaScript best practices to achieve a truly native user interface and performance while sharing skills and code with the web. You will learn how to build UI development with React Native UI and layout support and access native mobile platform capabilities from JavaScript using Expo SDK. You must have already taken Bootstrap 4 and React courses in this specialization before continuing this user experiences course.
By the end of this course, you will be able to (a) build mobile application targeting multiple platforms with a single code base, (b) leverage your React and JavaScript skills, (c) use various features of React Native, and SDK Expo to create truly cross-platform mobile applications, and (d) Use Redux to design the architecture of a React-Redux application
The Complete React Native + Hooks Course [2023 Edition]
If you’re tired of spinning your wheels while learning Swift or Android, this course will help you in getting started with react native. Authentication? You will learn it. Hooks? Included. Navigation? Of course! This course will get you up to speed quickly with React Native and teach you the basic knowledge you need to understand and build React component library for mobile devices. OSX and Windows support – develop iOS or Android using your knowledge of react applications!
This course includes content on both v0.62.2 and legacy v0.30.x, which is a web property widely used in the industry. We’ll start by mastering the basics of React, including JSX, “props”, “state”, and event handling. Source code is provided for each course, so you will always be up to date with the pace of the course. Special attention has been paid to creating reusable components that you can use in your own fantastic projects.
You will:
Learn how to use React’s custom markup language, JSX, to clean up your JavaScript code
Master the process of breaking down a complex component into many smaller, interchangeable components
Understand the difference between ‘props’ and ‘condition’ and when to use them
Render interactive and media-rich components in beautifully styled apps
Develop unique, fun and responsive web apps
Build on Android and iOS platforms
Main integration with Firebase for user authentication
Learn the basics of navigation with React Native
Build React Native app
Create truly reusable components that look great
Understand Redux terminology and concepts
Prototype and deploy your own apps in Apple and Google Play stores
Be aware of React design principles and methodologies
Explore mobile design patterns used by experienced engineers
React Native – The Practical Guide [2023 Edition]
Best react native classes has been completely updated and now not only covers the latest version of React Native, but also includes updates on JavaScript and React.js! In addition, an entire section on “Push Notifications” has been added. No need want to learn learn Java, Android, Swift, Objective C or anything else – React and JavaScript are all you need learn how to build awesome native native mobile applications that work on both Android and iOS. This is probably the reason why Instagram, AirBnB, Skype and many other global companies use it to build their mobile apps! Everything you need to build 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 will learn:
Fundamental concepts and theory
How to use React, JavaScript, and native components
Understand how to navigate React Native apps
An overview of the styling and animation of React Native apps
Instructions on Using Third-Party Libraries in Your React Native Application
Detailed examples of how to use maps or an image picker
A complete user authentication flow
How to connect to a backend server from your application
Debugging Instructions
Build native mobile apps as a JavaScript framework and React developer
Dive Deeper into React Native
Develop cross-platform mobile applications (iOS and Android) without knowing Swift, Objective C or Java / Android
React Native: Advanced Concepts
Go beyond the basics of React Native! This React native tutorial will teach you the advanced topics you need to build a top selling app. Push notifications? You will learn it. In-depth animations? Included. Offline data persistence? Of course! In this course, we’ll be creating three separate apps with increasing complexity, each featuring different functionality from React Native.
1) Build a Tinder-type Swipe Deck. Yes, the classic animated component! We’re going to create a large stack of beautiful cards that a user can drag across the screen, swiping right to “like” an item, or “left” to dislike an item. This warm-up will familiarize you with interpreting touch inputs via the PanResponder system, moving elements with the Animated module, and converting extrapolating animation values via the interpolation system.
2) Dive into the backend with one-time password authentication. Have you ever been asked to log in using a code sent to you by text message? One-time passwords are a new authentication flow that leverages a user’s phone number as a unique identifying token. We will use the Twilio API to send a text message to a user to verify their identity, while securing our business logic in Firebase’s new Google Cloud functions.
3) Your own job search app. Tinder for jobs! This app is 100% complete! We are going to create an app with a full tutorial on the welcome screen for our new user, Facebook authentication and map components. User will be presented with a list of jobs to like or dislike based on their location by leveraging Indeed’s Job API, then follow up and apply for the job of their choice.
Here’s what we’ll learn:
Learn the theory and practice of implementing complex animation systems
Start your app using the new Expo platform
Navigate with your user using React-Navigation
Engage your users with automated push notifications
Improve authentication flows in your app with one-time passwords with Twilio
Increase the reliability of your application with offline data persistence
Explain to your users how to use your app with the welcome tutorial pages
Authenticate your users using Facebook OAuth
Go Beyond the Mobile Front-End with Google Cloud Functions: Add Custom Logic to Your Firebase Backend
Locate your users with cross-platform MapView components
Simplifying State Management in React Native: Master state management from hooks and context through to Redux, MobX, XState, Jotai and React Query
- Desmurs-Linczewska, Aleksandra (Author)
- English (Publication Language)
- 202 Pages - 01/13/2023 (Publication Date) - Packt Publishing (Publisher)
Managing state in a React Native app can be challenging as it is one of the most difficult concepts to grasp while learning React Native. This is because there are so many ways to do it, and because there is a lack of clear guidelines on what should be used and why.
Simplifying State Management in React Native is a comprehensive introduction for those who are new to creating robust React Native apps that will have you up to speed in no time. You’ll get to grips with the different state management strategies and libraries available. As you progress through the chapters, you’ll try out different solutions, as well as compare and choose which solution is perfectly suited to your future projects and personal preferences. Finally, you’ll create a social media clone app using all the concepts and examples that you’ve learned in this book.
By the end of this book, you’ll be able to take on existing projects that use various state management strategies and libraries, and confidently make decisions about state management.
You will learn
Start out by going over the basic ReactJS “mindset”
Explore all that ReactJS has to offer to manage state in apps by building an app
Understand existing state management libraries such as Redux, MobX, XState, Jotai, and React Query
Decide which libraries you want to use in your apps
Design a social media app to fully understand state management
Try out all the solutions presented in the book in a social media clone app