Giter VIP home page Giter VIP logo

charleselloit / react-cousrse Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 15 KB

This React course will teach you the basic fundaments of React from the absolute basic with hands on code sample / snippets and explanation of how it works. And we will transition smoothly to advance concepts as we go ahead.

JavaScript 100.00%
reactjs react-router components jsx-syntax lifecycle-methods react-elements statefull-components stateless-components conditional-rendering handling-events

react-cousrse's Introduction

React Course.

Introduction to React.


What is React?.

React as the docs says is a JavaScript library for building user interfaces.

Why learning React?

  • Declarative

    React makes it painless to create interactive UIs. Design simple views for each
    state in your application, and React will efficiently update and render just the
    right components when your data changes.

    Declarative views make your code more predictable and easier to debug.
    In addition, React declarative nature make it very easy, in sense that, you just tell
    it what you want and React will effectively do the hard work for you.

  • Component-Based

    Build encapsulated components that manage their own state, then compose them to make complex UIs.
    Since component logic is written in JavaScript instead of templates, you can easily pass rich data
    through your app and keep state out of the DOM.

Prerequisites to learn React

  • Good Knowledge about HTML and CSS.
  • Good understanding of JavaScript basic more importantly ES6 or ECAMScript 6 or ES2016
    stuff like let, const, arrow function, classes, array methods like map, filter etc.
  • Basic knowledge of Node and npm (commands)


Table to Content

  1. Introduction to React
  2. Introduction to JSX
  3. Introduction to React Elements
  4. Components
    1. Stateless Components
    2. Stateful Components
  5. Props and State
  6. Virtual DOM
  7. Conditional Rendering
  8. Handling Events
  9. Handling Forms
  10. Lifting State Up
  11. lifeCycle Methods
    1. componentDidMount
    2. componentWillUnmount
  12. Hooks
  13. Routing
  14. Fetch

react-cousrse's People

Contributors

charleselloit avatar

Watchers

 avatar

Forkers

shameerchagani

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.