1627451154604_web-logo-1-94x37

Hello React Native

In short, React Native Trainings allows you to build mobile apps that look, feel, and function much more like native apps. It uses the same basic user interface building blocks as regular iOS and Android apps. You simply assemble these building blocks using JavaScript and React. The good thing for developers is that they can use almost the same concepts that are used to create web apps. If you’re familiar with react or come from a front-end development background, React uses a virtual DOM that acts as a shadow of the actual available DOM. When an element changes, that change is reflected in the real DOM using the virtual DOM, using a node that corresponds to each element. However, in React Native there is no DOM instead of native components that platforms like iOS and Android provide. 

Core of JavaScript

React Native has a JavaScript Core instance to run JS code when the app is started. React Native uses the RCT Bridge Module to create a connection between the native code and the JavaScript code. Simply put, React Native brings React to mobile app development. Its goal is not to write code once and run it on any platform. The main goal is to learn it once and write it anywhere. 

Hello React Native Course Details

  1. Hello React Native
  2. React and Redux reviews (when needed)
  3. The Development Process
  4. Single-value Controls
  5. Platform-specific Development
  6. Layout Components
  7. Flexbox for Native Layouts
  8. Styling React Native Apps
  9. Navigation
  10. Ajax in React Native
  • What is React Native?
  • What does it do for us? Why choose it?
  • Pros and cons
  • Architecture
  • Sharing with web projects
  • What React Native code looks like
  • Leveraging your React knowledge
  • 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
  • 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
  • Components overview
  • Categories of components
  • Text
  • Text props and events
  • 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
  • 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
  • Components review
  • View
  • SafeAreaView
  • ScrollView
  • Pinch-to-zoom
  • KeyboardAvoidingView
  • How to create modal views
  • Controlling the OS’s status bar
  • Why flexbox?
  • Where it came from
  • Flexbox on the web is NOT flexbox on
  • native
  • Containers and items
  • Flex Direction
  • flex Basis vs width/height
  • flex Shrink, flexGrow
  • The flex shorthand
  • justifyContent and alignContent
  • flexWrap
  • 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
  • What is navigation, really?
  • How to get React Navigation
  • The three types of navigators
  • StackNavigator
  • Routing object
  • Navigation config
  • How to pass params when navigating
  • TabNavigators
  • Three types of TabNavigators
  • How to set icons
  • DrawerNavigator
  • Examples and demos
  • 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
image

Hello React Native

Fee: 15,000
Duration: 1 Month
Timing: 9AM-11AM, 11AM-1PM, 1PM-3PM, 3PM-5PM, 5PM-7PM, 7PM-9PM

Scroll to Top