search

MilosTanaskovic / React-CodeDancing

0 stars 0 forks source link

React CodeDancing - Intro #1

Open MilosTanaskovic opened 2 years ago

MilosTanaskovic commented 2 years ago
React CodeDancing Bootcamp

A JavaScript library/framework created and maintained by Facebook that is used for building user interfaces (UI Components).

React gives us a way to build websites/apps/e-commerce platforms & UIs with organized and reusable components.

UI COMPONENTS Screenshot 2022-04-05 at 11 41 00

PREREQUISITE BEFORE STARTING ANY JS FRAMEWORK

  1. Web Design (HTML5, Pure CSS3)
    • syntax
    • build min. 5. landing pages
    • build min. 5. projects (portfolio, websites...)
  2. Vanilla JavaScript 👇
    • Variables and Data Types
    • Operators and Equality
    • Logic and Control Flow
    • Functions (Function Declaration, Function Expression/Anonymus Fun, Arrow Func, Declaring and Invoking Functions, Parameters vs Arguments)
    • Scope, Hoisting, Closures
    • Strings in Detail
    • Arrays in Detail (ForEach, Map, Filter, Find, Includes, Sort, Some & Every, Reduce)
    • Objects in Detail ( Accessing, Adding & Updating Properties of an Object,Builtin methods, methods)
    • Value vs Reference
    • DOM - Document Object Model
    • Classes, "this" and "new" Keywords
    • Asynchronous JavaScript / Fetch API / Axios
    • Modern JavaScript from ES6 to ES2020
    • NPM(Node Package Manager)
    • Babel, Webpack
  3. Web Programming (HTML5, CSS3/Sass, Vanila JS) 👩‍💻 🧑‍💻
    • build min 5. projects
    • pair programming / mob programming
    • create app without watching/following curses
  4. React/Vue/Angular...

WHY LEARN REACT

Organization Reusable Flexibility Popularity & Support Performance Declarative Code (Components, Props, State, Events)

ENVIRONMENT SETUP

Node.js https://nodejs.org/en/ Text Editor (Visual Studio Code) https://code.visualstudio.com/ git https://git-scm.com/ React Developer Tools https://chrome.google.com/webstore/detail/react-developer-tools Postman (Http client) https://www.postman.com/