Please enable JavaScript.

Coggle requires JavaScript to display documents.

Frontend Development 2020 - Coggle Diagram

- - - - prettier
    - - eslint
    - - Webpack
      - Rollup
  - - - ~~New Binding~~
      - ~~Lexical Binding~~
      - ~~Explicit Binding~~
      - ~~Default Binding~~
      - ~~Implicit Binding~~
    - - ~~callbacks~~
      - ~~Promises~~
      - ~~setIntervals~~
      - ~~async await~~
      - ~~setTimeout~~
    - - ~~CJS (Common Js )~~
      - ~~ESM (Ecma Script)~~
        
        ~~Import/Export~~
        
        ~~Default and Named Export~~
  - - - ~~Browser console~~
      - ~~Link External file~~
      - ~~Script tag~~
    - - ~~Function Declarations~~
      - ~~Function Expressions~~
      - ~~Calling Functions~~
      - ~~Parameters & Arguments~~
      - ~~Scope~~
      - ~~Arrow Functions~~
    - - ~~Scope~~
        
        ~~Global~~
        
        ~~Function~~
        
        ~~Block~~
      - ~~Hoisting~~
      - ~~Declerations~~
        
        ~~let~~
        
        ~~const~~
        
        ~~var~~
    - - ~~Assignment Operators~~
      - ~~Arithmetic Operators~~
      - ~~Logical Operators~~
      - ~~Conditional Operator~~
      - ~~Comparison Operators~~
      - ~~Relational Operators~~
      - ~~Bitwise Operators~~
      - ~~String Operators~~
      - ~~Comma Operator~~
      - ~~Unary Operators~~
    - - ~~Primitive Types~~
        
        ~~Null~~
        
        ~~undefined~~
        
        ~~Boolean~~
        
        ~~Number~~
        
        ~~BigInt~~
        
        ~~String~~
        
        ~~Symbol~~
      - ~~Object~~
      - ~~Function~~
      - ~~Data Structures~~
        
        ~~Key Collection~~
        
        ~~Set / Weak set~~
        
        ~~Map / Weak Map~~
        
        ~~Indexed Collection~~
        
        ~~Array~~
        
        ~~Date~~
    - - ~~if .. else~~
      - ~~switch~~
      - ~~try / catch / throw~~
    - - ~~Explicity Conversion~~
      - ~~Implicity Conversion~~
    - - ~~while~~
      - ~~do .. while~~
      - ~~for~~
      - ~~break / continue~~
      - ~~for .. in~~
      - ~~for .. of~~
    - - ~~== vs ===~~
  - - - Fundamentals
        
        Props and State
        
        Conditional Rendering
        
        JSX
        
        List Rendering
        
        Class Components
        
        Form Handling
        
        Functional Components
        
        Lifecycle Methods
        
        Create React App
      - Advanced
        
        Render Props
        
        Refs
        
        High Order Components
        
        HTTP Request
        
        Context
        
        Hooks
        
        useReducer
        
        useRef
        
        useEffect
        
        useMemo
        
        useState
        
        useCallback
        
        Custom Hooks
      - Eco System
        
        State Management
        
        Redux
        
        Router
        
        React Router
        
        Styling
        
        Chakra UI
        
        Material UI
        
        Forms
        
        Formik
        
        React Hook Form
        
        Testing
        
        Jest