Introduction
  • Intro
  • Installing Node JS
  • IDE
React basics
  • The boilerplate
  • The bundle
  • From the ground up
  • Behind the scenes
  • Project structure
  • Types of components
  • Adding some style
  • Events
  • State
  • Props part one
  • Props part two
  • Props part three
  • React children
  • More on styling
  • Filtering the news
  • Lifecycles
  • Lifecycles part 2
  • React hooks intro
  • UseState hook
  • UseState hook part 2
  • UseEffect
  • UseCallback
  • UseRef
  • Context API part one
  • Context API part two
Tiny practice - Who pays the bill ?
  • Installation
  • The context and css
  • Ref and validation
  • Adding players to the list
  • Showing the list of players
  • Next and Toastify
  • Getting the looser
React router
  • Introduction
  • The route process
  • The main route file
  • Setting up routes
  • Linking
  • A better layout
  • Params
  • More on react router
  • React router switch
  • Redirections
  • Handling 404
React basics part 2
  • Introduction
  • Pure components
  • Adjacent elements
  • HOC part 1
  • HOC part 2
  • Transitions
  • Transitions part 2
  • CSS transitions
  • Transitions group
  • Honorable mentions
Redux
  • Introduction
  • Connecting
  • Action creators and reducers
  • Combine reducers
  • Creating a valid reducer
  • Redux devtools
  • Dispatching actions
  • Map state to props
  • Redux hooks
  • Types
  • Making requests
Tiny practice - The Daily News
  • Installation and router
  • Setting up Redux
  • Header and main layout
  • Api Server with json server
  • Fetching home posts
  • Fetching home posts part 2
  • Home masonry
  • Creating the add newsletter
  • Finishing newsletter
  • Newsletter fix and creating post page
  • Post cleanup and 404
Forms
  • Formik - Starting
  • Formik - Validating
  • Formik - Using Yup
  • Formik - Hooks
  • Formik - Custom components
  • Formik - Custom fields
  • Custom - Creating the state and input
  • Custom - Updating formdata
  • Custom - Validations
  • Custom - Submit form
  • Custom - Select and textarea
Final touches
  • Adding a contact form to daily news
  • Daily news, storing the message.