React Native Training

Become a Certified React Native Developer with TryCatch Classes and enhance your career prospects to the next level. This certificate serves as an official badge of your successful react native training course completion, highlighting your expertise.

What You'll Learn:

• Learn how to use ReactJS to build react native mobile apps for iOS and Android. No ReactJS Experience Required.
• Explore React Native basics and advanced concepts!
• Develop cross-platform (iOS and Android) mobile apps and use it for your resume
• Explore and implement efficient state management and side effect handling using React Hooks.
• Implement navigation and routing functionalities within React Native applications.
• Acquire skills in debugging, data management with Redux Toolkit, and user authentication.
• Understand the terminology and concepts of Redux
• Get up to speed with React design principles and methodologies
• Discover mobile design patterns used by experienced engineers
• Prototype and Publish your own applications to the Apple and Google Play Stores

Content:

• Introduction to React Native
• What is React Native?
• Creating Our First React Native App.
• Dealing with Limitations of React Native.
• Diving into the Basics
• Module Introduction .
• Creating a New Project .
• JSX Elements you Can and Can’t Use .
• Switching Away from create-react-native-app.
• How to Use the Attached Code.
• Running the App on an Android Simulator (+ Setup).
• Running our App on a Real Android Device.
• Preparing XCode (for iOS).
• Running our App on an iOS Simulator.
• Running our App on an iOS Device.
• A Good Development Setup.
• Working on the App: Adding a Textinput.
• Styling – Understanding the Basics.
• Positioning Elements with Flexbox.
• Adding a Button and Managing State.
• Creating a Custom Component.
• Listening to Touch Events.
• Reacting to Press Events.
• Using a ScrollView.
• Rendering Lists Correctly.
• Adding Static Images.
• Using Network Images.
• Adding a Modal.
• React vs React Native.
• JavaScript – Supported Features.
• Using Redux with React Native
• Module Introduction.
• A Brief Redux Refresher.
• Installing Redux and Creating a Basic Setup.
• Setting Up Actions.
• Setting Up the Reducer.
• Creating the Store.
• Connecting React Native to Redux.
• Debugging React Native Apps.
• Module Introduction.
• Using the Remote JavaScript Debugging console.log.
• Debugging with Breakpoints.
• Debugging+++ with React Native Debugger.
• Debugging Redux.
• Template Filters and Custom Filters.
• Template Filters Coding Examples.
• Linking and Using Third Party Libraries
• Module Introduction.
• Installing Libraries.
• Automatic Linking.
• Linking Libraries on iOS.
• Linking Libraries on Android.
• Using Library Features: Adding Icons.
• Navigation in React Native Apps
• Module Introduction.
• Navigation in Web Apps vs Native Apps.
• Exploring Native Navigation Solutions.
• Adding React Native Navigation to iOS.
• Adding React Native Navigation to Android.
• Finishing the Library Setup.
• Registering and Rendering a Screen.
• Adding a Tabs Screen (Tabs Navigation) .
• Adding Icons to Tabs.
• Connecting Screens to Redux.
• Updating Redux.
• Pushing Pages (Navigating “Forwards”).
• Popping Pages (Navigating “Backwards”).
• More Navigator Methods.
• Adding a Side Drawer.
• Finishing the Drawer.
• Styling & Animating React Native Apps (Correctly)
• Module Introduction.
• Using StyleSheet vs Normal JS Objects.
• Vanilla CS vs React Native Styles.
• Flexbox in Action.
• Styling with Relative Units.
• “Global Styles” with Custom Components.
• Synthetic Cascading of Styles.
• Styling Text.
• Cascading Text Styles.
• Adding a Background Image.
• Creating a Re-Usable Custom Button.
• Editing the “Share Place” Screen.
• Popping Pages (Navigating “Backwards”).
• Styling & Splitting the “Share Place” Scree.
• Finishing the “Share Place” Screen.
• Styling the Side Drawer.
• Quick Bug Fix: PlaceInput Component.
• Intro: Cross Platform Styles & Responsiveness.
• Intro:Cross-Platform Styling Made Easy!
• And more.