React & Redux - Freestyle Coding [3] - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Web Development Traversy Media Video: React & Redux - Freestyle Coding [3].
In this episode we will be diving into the ReactJS UI library along with Redux to manage application state. We will use a Redux action to fetch some users from an API and then pass then down to a React component. We will also be using the Webpack module bundler.

GET THE CODE - https://github.com/bradtraversy/rcontacts
WEBPACK-STARTER - https://github.com/bradtraversy/webpack-starter
EDUONIX REACT COURSE - https://www.eduonix.com/courses/Web-Development/Getting-Started-With-React-JS-Tutorial-Online

Published: Friday, August 30, 2019 11:07 AM
Category: Web Development Traversy Media

79 Views

Related Videos

Node.js With Neo4j - Freestyle Coding [2]

by Best Webhosting Added 4 years ago 73 Views / 0 Likes

In this video we will set up a quick application that uses the Neo4j driver for Node.js. neo4j is a graph database that is used for storing data that is dynamic and closely related 12 Project Node.js Course: https://www.eduonix.com/affiliates/id/16-10200 Learn Node.js From Scratch Course: https://www.eduonix.com/affiliates/id/16-10033 Neo4J Course: https://www.eduonix.com/affiliates/id/16-10415
Angular 2 Github Application - Freestyle Coding [1]

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

In this video we will build an Angular 2 application that will show Github user profiles and repositories using the Github API Project Files - https://github.com/bradtraversy/githubsearch I have a 12 project A2 course available at - https://www.eduonix.com/affiliates/id/16-10413
Redux Crash Course With React

by Best Webhosting Added 4 years ago 88 Views / 0 Likes

In this video we will talk about what Redux is and build a React app from scratch and add all of the boilerplate for Redux and work with the store/state, actions, reducers and all of the other fundamentals of the Redux state manager. The actual Redux implementation starts around 22:00. This video is for people that know the basics of React and want to learn about Redux. If you want to learn React, check out my crash course at https://www.youtube.com/w
Full Stack React & Django [3] - Redux & HTTP

by Best Webhosting Added 4 years ago 96 Views / 0 Likes

In part 3 we will implement Redux and start making calls to the API within actions. We will setup our lead reducer and make the form and leads component functional. Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-part-1-settin
Learn The Mern Stack [10] - React & Redux Auth State

by Best Webhosting Added 4 years ago 79 Views / 0 Likes

In this video we will add our auth reducer to handle storing authentication state including the JWT token and the user data. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: ht
Curso de React y Firebase desde Cero - 4. Create React App

by Best Webhosting Added 3 years ago 33 Views / 0 Likes

Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?
Popular
React File Uploader With Express (Using React Hooks)

by Best Webhosting Added 4 years ago 102 Views / 0 Likes

In this project we will build a full stack file upload with React and Express. We will construct the UI with a Bootstrap elements and make them function Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/react_file_uploader • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversym
Popular
Full Stack React & Django [2] - Implementing React

by Best Webhosting Added 4 years ago 107 Views / 0 Likes

In part 2 we will integrate React into a Django "app" called frontend. We will setup React manually with Webpack & Babel and just get a few basic components created Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-part-1-settin
Full Stack React & LoopBack [2] - React, Routing and UI

by Best Webhosting Added 4 years ago 95 Views / 0 Likes

In this video we will setup our client/React app and implement routing with the react router dom. We will also create the basic UI with Materialize CSS CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymed
Learn The MERN Stack [6] - Finishing Redux

by Best Webhosting Added 4 years ago 85 Views / 0 Likes

In this video we will get the React/Redux app working with hardcoded state in the Redux store. We will create the ItemModal component to ad an item. After this video we will be ready to connect to the backend routes and make this FULL STACK!
Learn The MERN Stack [5] - Implementing Redux

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

In this video we will add Redux to our frontend app and move the state from our ShoppingList component to a store reducer. We will also create our getItems action and action types. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses
MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More

by Best Webhosting Added 1 year ago 16 Views / 0 Likes

In this project, we will create a MERN stack app with a React SPA frontend. The main focus is authentication, but you will learn how to create a full-featured API, manage state with Redux Toolkit, and more. Linode/Akamai - Get $100 Free For 60 Days https://linode.com/traversy Code: https://github.com/bradtraversy/mern-auth Blog Post - Part 1 (Backend): https://www.traversymedia.com/blog/mern-crash-course-part-1 Blog Post - Part 2 (Frontend): https://w