React Native

Course Descriptions

React Native is an open-source mobile application framework created by Facebook, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use React's framework along with native platform capabilities.

Certifications

React Native Certification helps to learn the essentials of JavaScript programming to advance your skills in the lucrative field of web development.

Curriculum

• Introduction
  • Add React to your web designer toolbox
  • What you should know
  • Using the exercise files
• Introducing React
  • What is React and what is it good for?
  • Bookmark React Toolbox: ES6, JSX, and moreReact Toolbox: ES6, JSX, and more
  • Bookmark React concepts and jargonReact concepts and jargon
  • Bookmark Everything is components and elementsEverything is components and elements
  • Bookmark Our React build processOur React build process
  • Bookmark React and CSS: A special relationshipReact and CSS: A special relationship
  • Bookmark Installing React Developer ToolsInstalling React Developer Tools
• First Project: Customizer
  • Bookmark Installing React on an existing siteInstalling React on an existing site
  • Bookmark Identifying your components and dataIdentifying your components and data
  • Bookmark Set up first simple componentSet up first simple component
  • Bookmark Start using JSX with the help of BabelStart using JSX with the help of Babel
  • Bookmark Attaching a data sourceAttaching a data source
  • Bookmark Create a new component with array dataCreate a new component with array data
  • Bookmark Implement propsImplement props
  • Bookmark Implement state with the useState hookImplement state with the useState hook
  • Bookmark Add the color selector componentAdd the color selector component
  • Bookmark Change options, see reactionsChange options, see reactions
  • Bookmark Challenge: Activate the color selectorChallenge: Activate the color selector
  • Bookmark SolutionSolution
• Second Project: Directory Browser
  • Use the mockup, make a plan
  • Bookmark Scaffold initial componentsScaffold initial components
  • Bookmark Functional componentsFunctional components
  • Bookmark Build the filters formBuild the filters form
  • Bookmark Forms in React: Controlled or notForms in React: Controlled or not
  • Bookmark Wire up the filters formWire up the filters form
  • Bookmark Respond to filter form updatesRespond to filter form updates
  • Bookmark Animating with ReactTransitionGroupAnimating with ReactTransitionGroup
  • Bookmark Challenge: Better usability and animationChallenge: Better usability and animation
  • Bookmark Solution: Better usability and animationSolution: Better usability and animation
• Third Project: Status Updater
  • Use live data from a RESTful API
  • Bookmark Inspecting your starting React codeInspecting your starting React code
  • Bookmark First API call with useEffect hookFirst API call with useEffect hook
  • Bookmark Using conditional renderingUsing conditional rendering
  • Bookmark Bring form fields under controlBring form fields under control
  • Bookmark Let form post to the APILet form post to the API
  • Bookmark Lifting state for data visibilityLifting state for data visibility
  • Bookmark Completing the status updaterCompleting the status updater
• Conclusion
  • Next steps: React, React Native, and JS