React Native Training

React Native Training

  • 24 hours of Instructor led Training
  • Comprehensive hands-on with modern JS features
  • Gain basic to intermediate React Native development skills
  • Learn by doing, experience end-to-end development cycle
Group Discount

Overview

React Native is a JavaScript framework that has taken the mobile app development world by storm, and with good reason! If you are looking to develop hybrid mobile apps and yet be native, or develop mobile apps which are partially native and partially hybrid, React Native is the answer. If you have web development skills and want to apply them to build mobile apps that perform like native apps, then again React Native is what you need. With React Native, you don't build a "hybrid app" with JS skills. You build a real native mobile app that's no different from an app built using native mobile development platform technologies like Objective-C or Java (Android). It’s no wonder then that React has been consistently rated as among the most popular JS frameworks. 

From learning about the basics of React Native including its architecture and components, to mastering the advanced concepts such as building rich mobile UIs from declarative components, this course offers hands-on skills backed by comprehensive theory. Join our course now and get hands-on mastery of this platform.

What You Will Learn

  • How to set up and build react native applications using expo and react native CLI

  • Learn how to use React Native components that represent platform native UI components

  • To apply styles and understand flexbox to develop different kinds of layouts in React Native

  • To style text, images and debugging styles

  • How to render lists, pickers, tabs, modals, alerts etc.,

  • To access hardware related features like camera, geolocation, vibrating device etc. using React APIs

  • Learn how to setup and configure react native navigation library

  • To consume remote API in react native application using fetch API and third party http client axios.

  • How to deploy a React Native app for Android and iOS operating system

Prerequisite

Intermediate JavaScript knowledge

Native mobile development experience will be helpful

Who Should Attend

  • Those who want to learn hybrid mobile development
  • Those who want to use JavaScript and React skills to develop mobile application
  • Those who aspire to build a career in mobile application development

Knowledgehut Experience

Instructor-led Live Classroom

Interact with instructors in real-time— listen, learn, question and apply. Our instructors are industry experts and deliver hands-on learning.

Curriculum Designed by Experts

Our courseware is always current and updated with the latest tech advancements. Stay globally relevant and empower yourself with the latest tools and training.

Learn through Doing

Learn theory backed by practical case studies, exercises and coding practice. Get skills and knowledge that can be effectively applied in the real world.

Mentored by Industry Leaders

Learn from the best in the field. Our mentors are all experienced professionals in the fields they teach.

Advance from the Basics

Learn concepts from scratch, and advance your learning through step-by-step guidance on tools and techniques.

Code Reviews by Professionals

Get reviews and feedback on your final projects from professional developers.

Curriculum

Learning Objective:

By the end of this module you will learn the basics needed to kickstart react native development. Learn about core concepts like components, JSX, state management in component, component interaction using props and events.

  • What is React                 
  • JSX                     
  • React Components                     
  • Props               
  • Events             
  • State                 
  • Lifecycle                           
  • PropTypes                     
  • Default Props

Hands-on:

Create a react application with function based components and class based components. Use jsx syntax to develop user interface in JavaScript. Apply state management in class based components and pass data to child components using props. code callbacks better past two children from parent component and invoke from child component enable tell to Parent communication

Learning Objective:

By the end of this module you will learn pros and cons of hybrid mobile development. You will learn about react native and how it has solved problems of performance when compared to previous hybrid development frameworks. You will set up environment and create a first react native application using expo and react native CLI. You will also learn how to debug RN app.

  • A word on hybrid mobile development             
  • What is React Native                 
  • Preparing development environment               
  • Node, Watchman, Xcode, Android Studio                         
  • React Native CLI                           
  • Creating And Running HelloWorld React Native             
  • Birds view on mobile platforms ios and android             
  • First Debugging steps

Hands-on:

Create a react native application using react native as well as expo, work on applications on android and IOS simulator. Explore developer menu and debug react native application.

Learning Objective:

By the end of this module you will learn how to apply styles in react native. You will gain a deeper understanding about flexbox and learn how to develop different kinds of layouts in react native. You will also learn about style text, images and debug styles.

  • Exploring Styles and using styles                           
  • Inline Styles, Style Objects, Stylesheet               
  • Exploring layout                           
  • Understanding Box model                       
  • Understanding FlexBox model               
  • Styling Text                     
  • Styling Images               
  • Debugging Styles

Hands-on:

Learn the components and tell them using different kinds of objects, develop different components that showcase developing layouts in react native using flexbox model, style the headings and apply background using images and debug styles.

Learning Objective:

By the end of this module you will learn about different react native components and their application.

  • What are React Native Components                   
  • View                 
  • Text                   
  • Image               
  • Touchables                     
  • ListView                           
  • ScrollView                       
  • Modal               
  • WebView                       
  • TabBar             
  • TextInput                       
  • Slider                 
  • Switch               
  • Picker

Hands-on:

Create components that make use of several built in react native components like view, presenting text, using images, responding to touch events using touchables, handling large data using listview, pan and zoom content using scrollview. Use WebView to embed HTML content into react native application. Also develop components that use text input, picker to accept data from the user.

Learning Objective: 

By the end of this module you will learn how to make use of react native API to access hardware related features and platform specific features.

  • What are React Native APIs                     
  • Alert                 
  • Handling permissions                 
  • Geolocation                   
  • Vibration

Hands-on:

Create components that use native API to interact with platform services. Show the alerts, fetch geolocation, vibrate the device, access camera roll, and capture pictures using camera

Learning Objective:

By the end of this module you will learn the challenges with navigation in the react native application. You will learn how to setup and configure react native navigation library.

  • What is Navigation                     
  • Challenges with navigation                     
  • Possible solutions for navigation                           
  • Setting up react native navigation library                           
  • Working with react native navigation                 
  • Styling the navigator                   
  • OS Specific use cases 

Hands-on:

Code Components and configure react native application with react native navigation library, develop tab navigation and stack navigation.

Learning Objective:

By the end of this module you will learn how to consume remote API in react native application using fetch API and third party http client axios.

  • What is remote communications                         
  • Libraries available                       
  • Fetching data using fetch                         
  • Working with axios for CRUD  

Hands-on:

Create components that fetch data from remote API and post data to remote API.

Learning Objective:

By the end of this module you will learn how to build and integrate React native apps in Android and IOS operating systems.

Project

Feedback Man

Use your skills of react native to build a mobile application that captures the feedback of the users post sale of products.

Famous Restaurants

Use your skills of react native to build a mobile application that helps users to browse famous restaurants and like or favorite them.

reviews on our popular courses

I loved the course! I learned a lot and met some really nice people!

Review image

Raquel Smith

Attended Certified ScrumMaster®(CSM) workshop in February 2019

The workshop was really great. The instructor was quite knowledgeable and quite willing to explain all the concepts. Overall, it was a positive experience.

Review image

Ronesh Kumar

Senior Consultant
Attended Certified Scrum Product Owner®(CSPO) Certification workshop in November 2018

I took up the CSPO training in the last week of March conducted by Vivek Angiras in Bangalore in Davanam Sarovar, Madiwala. The infra was perfect for conduction of the session, including the space, stationery, acoustics and lightning. Vivek clearly has ample experience to conduct the training which you realize when he says examples from real life. At no point did he allow the sessions to go slump and ensured that it was more of an interaction than a discourse. Absolutely recommended.

Review image

Amit Si

Program Lead at Endurance International Group from Bangalore, India
Attended Certified Scrum Product Owner®(CSPO) Certification workshop in March 2018

The training was good and the Trainer was experienced and knowledgeable. Working as a ScrumMaster I feel it completed my knowledge on Scrum and gave me a different perspective. Also the venue was top class.

Review image

Joanna Koprowicz

ScrumMaster at Traveloport Digital from Dublin, Ireland
Attended Certified Scrum Product Owner®(CSPO) Certification workshop in November 2017

Faq

The Course

React Native is a JavaScript library designed to make the process of building modular, reusable user interface components simple and modular. Large scale web applications such as Facebook and Instagram built on React have shown that this platform is very capable of handling large volumes of data changes. Not only does it use the same basic UI building blocks as regular iOS and Android apps, React Native allows web developers to create robust mobile apps using their existing JS libraries. React Native is the future of web application and there is a huge demand for trained React developers.With Glassdoor placing the average salary for a Native engineer in the US at $115,462, there is no better time than now to up-skill your career as a Mobile app developer by learning the ropes of this popular framework.

You will:

  • Learn hybrid mobile development skills
  • Be proficient with React Native features

By the end of the course, you will have:

  • Completed several hands-on examples, 2 course projects which gives you basic to immediate skills of React Native mobile development
  • Prepared yourself with the foundational knowledge you need to begin a career of continuous learning.

There are no restrictions but participants would benefit if they have basic JavaScript knowledge.

Yes, KnowledgeHut offers this training online.

On successful completion of the course you will receive a course completion certificate issued by KnowledgeHut.

Your instructors are Web development experts who have years of industry experience.

Finance Related

Any registration cancelled within 48 hours of the initial registration will be refunded in FULL (please note that all cancellations will incur a 5% deduction in the refunded amount due to transactional costs applicable while refunding) Refunds will be processed within 30 days of receipt of written request for refund. Kindly go through our Refund Policy for more details: http://www.knowledgehut.com/refund

KnowledgeHut offers a 100% money back guarantee if the candidate withdraws from the course right after the first session. To learn more about the 100% refund policy, visit our Refund Policy.

The Remote Experience

In an online classroom, students can log in at the scheduled time to a live learning environment which is led by an instructor. You can interact, communicate, view and discuss presentations, and engage with learning resources while working in groups, all in an online setting. Our instructors use an extensive set of collaboration tools and techniques which improves your online training experience.

Once you register for the course you will be provided with system requirements and lab setup document which contains detailed information to prepare the environment for the course.

Have More Questions?