React JS
Introduction
ReactJS is a JavaScript library used for building reusable UI components. According to React official documentation, following is the definition − React is a library for building composable user interfaces. It encourages the creation of reusable UI components, which present data that changes over time. Lots of people use React as the V in MVC. React abstracts away the DOM from you, offering a simpler programming model and better performance. React can also render on the server using Node, and it can power native apps using React Native. React implements one-way reactive data flow, which reduces the boilerplate and is easier to reason about than traditional data binding.
Introduction to Hybrid Framework
- React ─ Features
- Advantages
- Limitations
Setup
- Install Global Packages
- Create the Root Folder
- Dependencies
- Set Compiler, Server and Loaders
- App.jsx , main.js and index.html
- Running the Server
JSX
- Using JSX
- Nested Elements
- Attributes
- JavaScript
- Styling
- Comments
- Naming Convention
Ionic
- Installing the tools
- Installing required npm packages
- Understanding the Ionic CLI
- Platform and SDK – Android / iOS
- Demo Project
- Viewing App with Browser
- Viewing on Android Emulator
- Viewing on iPhone Emulator
- Project Structure
- Application Logic
- Screen Templates
- Ionic components
- Navigation Stack
COMPONENTS
- Stateless
- Stateful
STATE & PROPS
COMPONENT
- Set State
- Force Update
- Find Dom Node
COMPONENT LIFE CYCLE
UI ELEMENTS
- FORMS
- EVENTS
- REFS
- KEYS
- FLUX
- ANIMATIONS