React Native
React Native Training
Our React Native training in Chandigarh is the best opportunity for all the aspirants looking for a career in it. Our React native development training is for students looking for a career in Mobile App & Web Application development.
React Native is an open-source UI software framework created by Meta Platforms.It is a single web page application.It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use the React framework along with native platform capabilities. React Native,is provides a slick, smooth and responsive user interface, while significantly reducing load time.
React Native Training-Benefits
- React Native is Community-driven.
- Maximum code reuse & cost saving
- The live reload feature of React Native allows you to see and work with changes in real-time. the ‘live reload’ feature, enabling you to immediately see the result of the latest change that you have made to the code.
- The type of interface used in React Native makes it easy for different developers on a team to jump in where someone else left off and continue building.
What will you learn;
- Become industry-ready and develop applications, programs, and websites.
- Learn for personal use and add value to your Development.
- Full guidance from industry trainers
- Work on live projects with us with the best of trainers.
SYLLABUS
Introduction to React Native
- What is React Native?
- What does it do for us? Why choose it?
- Pros and cons
- Architecture
- What React Native code looks like
- Leveraging your React knowledge
React and Redux reviews
- Redux reminder
- Reducers, actions, state, store, and middleware
- React reminder
- SFCs vs class-based components
- Composition
- JSX structure and rules
- props
- state
- Controlled and uncontrolled components
- Virtual DOM vs the real DOM
The Development Process
- Where do I even start?
- react-native vs. create-react-nativeapp
- Which is better for given situations
- The React Native team's recommendations
- What is expo?
- Creating a new React Native app
- How to run it on a tethered device
- How to run it on a wireless device
- How to run it in an Android emulator
- How to run it on an iOS simulator
- . Debugging in a browser window
- Logging, breakpoints, stepping through
- YellowBoxes and RedBoxes
Single-value Controls
- Components overview
- Categories of components
- Text
- TextInput
- props and events and the event object
- Image
- Differences between HTML and React Native images
- Reserving space for them
- Local images vs remote images
- resizeMode
Platform-specific Development
- How can we develop differently on the different platforms?
- Why would we ever do this?
- Technical roadblocks
- The DatePicker - iOS vs Android
- Using the Platform module
Flexbox for Native Layouts
- Why flexbox?
- Where it came from
- Flexbox on the web is NOT flexbox on native
- Containers and items
- flexDirection
- flexBasis vs width/height
- . flexShrink, flexGrow
- The flex shorthand
- justifyContent and alignContent
- flexWrap
Styling React Native Apps
- How React Native styles differ from CSS
- How to apply styles
- How to control style inheritance
- Style arrays
- Four methods of defining styles
- Common properties
- Cross-platform fonts
- Conditional and programmatic styles
Navigation
- What is navigation, really?
- How to get React Navigation
- The three types of navigators
- StackNavigator
- Routing object
- Navigation config
- Navigation config
- How to pass params when navigating
- TabNavigators
- Three types of TabNavigators
- How to set icons
- DrawerNavigator
- Examples and demos
Ajax in React Native
- Why it must be different on a device
- The fetch API
- How to show a loading indicator
- How to make requests and populate affordances
- Security in a native environment
List Components
- Components review
- Pickers
- FlatList
- SectionList
Layout Components
- Components review
- View
- SafeAreaView
- ScrollView
- Pinch-to-zoom
- KeyboardAvoidingView
- How to create modal views
- Controlling the OS's status bar
Touchables and Buttons
- The Button API
- Button events and props
- Button events and props
- Why touchables?
- TouchableWithoutFeedback
- TouchableNativeFeedback
- TouchableOpacity
- TouchableHighlight
- How to disable a touchable
Why we
Pjc Infotech provides the best React Native training in Chandigarh. We help our students with the best of knowledge and training for better growth in their field. Join our React Native course in Chandigarh and make a great career with us.
