Introduction
  • Welcome !!
  • Project overview
  • IDE
React 101
  • Installing NODE and Using a CLI
  • The bundle
  • Starting with the code
  • JSX behind the scenes
  • Importing components
  • Types of components
  • Adding styles
  • Events
  • The STATE
  • Using Props
  • Using props 2
  • Props to class
  • Childrens
  • More with styles
  • Styles plugins
  • Filtering the news
Working with routes
  • Installing routes
  • How it works and creating components
  • Using routes
  • Linking
  • Working with params
  • Other features from react router
  • Switch
  • Redirections
  • 404 and WITHROUTER
React practice: Project one
  • Getting ready
  • Adding header and banner
  • Bringing the HOME list
  • Creating the artist detailed view
React specific topics
  • Component lifecycles
  • Component lifecycles 2
  • Conditional rendering
  • Pure components
  • Adjacent elements
  • HOC''s
  • HOC''s Continued
React Transitions
  • Using transitions
  • Using transitions 2
  • Transitions group
  • CSS Transitions
React extra topics
  • Proptypes
  • Proptypes 2
  • Controlled components
Project 2- NBA
  • installation and setup
  • Routes, Footer and header
  • Adding a slider
  • Adding subs
  • Adding subs...continued
  • Home blocks
  • Adding a poll
  • Finishing the poll
  • Adding the teams section
  • Finishing the teams section
  • Creating the team view
Redux
  • Redux introduction
  • Creating a Store
  • The redux flow
  • Combining reducers
  • Creating a valid reducer
  • Creating an action
  • MapStateToProps and connect
  • MapDispatchToProps
  • Types
  • Using middleware
Project 3 - DaylyNews
  • Installations
  • Adding Redux
  • Getting home data
  • Latest news component
  • Other news section
  • Articles page
  • Adding likes component
  • Finishing the likes
  • Clearing data
Hooks
  • Introduction to hooks
  • UseState
  • UseState 2
  • UseEffect
  • UseReducer
  • Preparing the app for the context
  • Context and UseContext
Introduction [ Legacy ]
  • Introduction
Installing Node JS [ Legacy ]
  • Windows Users: Installing Node JS
  • Mac Users: Install Node JS
React 101 [ Legacy ]