A tanfolyamról
In May 2013, Facebook open-sourced their React JavaScript library, providing web developers everywhere with a powerful and efficient tool to create component-based interactive User Interfaces (UIs). React provided powerful features like stateful components, virtual DOM, one-way data binding with properties (props), lifecycle methods and JavaScript XML (JSX).
React Native has created a lot of excitement in the market because of its cross-platform nature. Developers can reuse the code between Android, iOS and web projects with minimal effort. The growing interest in React Native has created a need for skilled developers as a lot of development companies are switching to this technology.
Benefits
Cross-platform app development is becoming popular as the level of competition is intensifying. React Native is the most preferred cross-platform solution for the creation of both Android and iOS apps. It offers multiple benefits to individuals and organizations.
Individual Benefits
Learning React Native helps developers:
- Create innovative and competitive apps using cross-platform compatibility
- Be a part of the thriving React Native community.
- Grow beyond React Native to learn more advanced tools
Organizational Benefits
- Simpler, quicker and more efficient cross-platform development with code reuse
- Cost-effective development, testing, and deployment
- Faster development by reusing components and saving time
- With React Native, organizations will be able to build apps for all the platforms along with native mobile apps.
React Native Framework is a preferred choice of many development companies that have a mobile-first approach for creating exciting apps that we use on a daily basis. A React native developer finds agility and ease while developing React Native apps. It also offers the advantage of a large community base, hot reloading, and stable apps.
What you will learn
-
Introduction
Equip yourself with the basics and core concepts that are essential to develop with React Native. -
Styles and Layouts
Learn to apply styles in React Native while learning to develop different kinds of layouts in it. -
React Native Components
Learn about the various components of React Native as well as their areas of application. -
React Native API
Learn to use React Native API to access hardware related features and platform specific features. -
Navigation
Learn about the methods of setting up and configuring the React Native navigation library. -
Remote Communication
Learn about consuming remote API in React Native application by using fetch API and axios. -
Releasing Builds
Learn to build and integrate React Native applications in Android and iOS operating systems.
Who should attend
- Web Developers
- Mobile App Developers
- Software Engineers
- UI Developers.
- 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.
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.
you will:
- Learn hybrid mobile development skills
- Be proficient with React Native features
We provide the course in English.
Tematika
Curriculum
1 Introduction to React
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.
2 Overview React Native
Learning Objective:
By the end of this module you will learn the 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 the 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.
3 Working with Styles & Layout
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.
4 React Native Components
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.
5 React Native APIs
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
6 Navigation
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.
7 Remote Communication
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.
8 Birds View on release builds
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.
Kinek ajánljuk
Előfeltételek
Prerequisites
There are no mandatory prerequisites that you need to fulfill in order to take up the React Native course. However, possessing the following knowledge prior to taking up this course can be beneficial for you:
- Intermediate JavaScript knowledge
- Native mobile development experience.