React Native Training in Mumbai

Learn React Native Training in Mumbai from Scratch in 2 months. Meul Tech provides the best React Native Course in Mumbai, Thane students. We teach React Native from scratch and provide practical classroom training for React Native course. With a rich experience of more than 10 years in React Native, This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices.

React Native Training in Mumbai

 

WHAT YOU WILL LEARN:

  • Best practices in React-Native.
  • Build native mobile apps with JavaScript and React.
  • Develop cross-platform (iOS and Android) mobile apps without knowing Swift, ObjectiveC or Java/ Android.
  • Dive deeper into React Native.
  • Create real-world native apps using React Native.
  • Get up to speed with React design principles and methodologies.
  • Make truly reusable components that look great.
  • Prototype and deploy your own applications to the Apple and Google Play Stores.
  • Discover mobile design patterns used by experienced engineers.

Use React Native and your React knowledge and take your web development skills to build native iOS and Android Apps! with Meul Tech ‘s complete classroom training course.

 

OBJECTIVES:

    • Master the React Native environment.
    • Learn to make reusable components.
    • Publish your apps on Apple and Google Play Store.

COURSE MODULE:

React-Native Course Content

Module 1:
Introduction to React Native
  • What is React Native?
  • Creating Our First React Native App.
  • Dealing with Limitations of React Native.
Module 2:
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.
Module 3:
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.
Module 4:
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.
Module 5:
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.
Module 6:
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.
Module 7:
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” Screen.
  • 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!
  • Using the Platform API
  • Loading Different Icons for Different Platforms.
  • Using Different Entry Points (into the App).
  • Cross-Platform UI Libraries.
  • The “Responsive Styling” Problem.
  • Responsive Design Solutions.
  • Using the Dimensions API.
  • Adjusting Styles Dynamically (to changing Width / Height).
  • A Better Responsive Solution.
  • Bug Fix: Centering with Margins.
  • Cleaning Up Dimensions Listeners.
  • Styling Navigation Items (react-native-navigation).
  • Preparing the App for Animations.
  • Using the Animated API.
  • Animations Summary.
Module 8:
Handling User Input
  • Module Introduction.
  • Managing Input/ Control State.
  • Adding Custom Validation Logic.
  • Using the Validation State.
  • Dispatching an Auth Action.
  • Switching Form (Auth) Modes.
  • Configuring Text Input Components.
  • Handling the Soft Keyboard.
Module 9:
Using Native Device Features – Maps, Camera & Image Gallery
  • Module Introduction.
  • A Note on Installing React-Native Maps.
  • Installing react-native-maps.
  • Rendering a Map.
  • Picking a Location on the Map.
  • Adding a Map Marker.
  • Animating Map Movement.
  • Locating the User.
  • Storing the Picked Location with Redux.
  • Installing react-native-image-picker.
  • Fixing Issues with React Native Image Picker.
  • Using the Image Picker.
  • Storing the Picked Images.
  • Image Picker and the Data it Returns.
Module 10:
Networking – Sending Http Requests
  • Module Introduction.
  • Sending Http Requests – Theory.
  • Firebase & The Right Database.
  • Creating the Server
  • Using the Fetch-API.
  • Storing Data in Firebase.
  • Adjusting Firebase Functions (Fixing an Error).
  • Storing Images.
  • Fixing Firebase Function Linting Errors.
  • Finishing the Image Upload Function.
  • Storing the Remaining Data.
  • Adding the Activity Indicator.
  • Handling Errors.
  • Http, fetch() and Error Handling.
  • Getting Data from the Server.
  • Fixing Error.
Module 11:
Authentication in React Native Apps
  • Module Introduction.
  • How Authentication Works in React Native Apps.
  • Enabling Firebase Authentication.
  • Signing Users Up.
  • Using the Authentication Result (Response).
  • Supporting Signup and Login.
  • Adding User Login.
  • Protecting Routes on Firebase.
  • Storing the Auth Token in Redux.
  • Using the Auth Token.
  • Fetching the Token in a Re-Usable Way.
  • Adding Places (Authenticated).
  • Storing the Token in AsyncStorage.
  • Adding an Auto-Signin Functionality.
  • Managing the Token Expiration.
  • Clearing the Auth Storage (AsyncStorage).
  • Refreshing the Token.
  • Adding User Logout.
  • Refreshing the Token Without App Reloads.
Module 12:
Publishing the App
  • Module Introduction.
  • Adding Launcher Icons.
  • Adding a Splash Screen.
  • Configuring & Building the App.
  • Publishing to Google Play Store (Android).
  • Publishing to the App Store (iOS).
  • Publishing the App – Detailed Instructions.

 

placement guarantee in android PLACEMENTS:

We offer unique placement assistance in Machine Learning Training and that is why we are the no 1 React Native training classes in Mumbai. At Meul Tech , we provide interview questions and prepare you for the interview as well. So you’ll get the best placement assistance for React Native.

Google Developers Certification Course CERTIFICATION:

At the end of the Machine Learning course in Mumbai, you will get a Certification from us which will be very helpful for you in your future. Our certification is valid everywhere on the globe because we are the best machine learning training institute in Mumbai.

Android Education Leader AWARDS:

Meul Tech has been awarded multiple times as the “Most Promising Software Training Institute in Maharashtra” and “Social Impact Award for Outstanding Contribution to Indian Education System” at Education several Award functions.

 

OTHER RELATED COURSES:

Meul Tech provides the best React Native Training in Mumbai. Along with React Native Training course, you can also learn,

 

CONTACT US:

If you are looking for a successful career in React Native, we invite you to visit our training facility or contact us:

CONTACT US