https://github.com/milopadma/reactcourse

A course i’m taking from Udemy about React and Redux. This repository contains test react projects for learning, do not expect perfect apps in this repository! 😅
https://github.com/milopadma/reactcourse

Last synced: about 1 month ago
JSON representation

A course i’m taking from Udemy about React and Redux. This repository contains test react projects for learning, do not expect perfect apps in this repository! 😅

• Host: GitHub
• URL: https://github.com/milopadma/reactcourse
• Owner: Milopadma
• Created: 2022-08-20T11:13:02.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-15T08:58:01.000Z (over 2 years ago)
• Last Synced: 2023-03-06T13:06:13.807Z (almost 2 years ago)
• Language: JavaScript
• Size: 250 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# reactcourse

 A course i’m taking from Udemy about React and Redux. This repository contains test react projects for learning, do not expect perfect apps in this repository! 😅

 There are multiple folders inside this repository, each folder is its own app. A quick explanation of each app is shown below;

 - react-course-1 : an app that uses fakerjs to show 'comments' of people, showing how to use the react props and components.

 - react-course-2 : an app that gets the geolocation and time of the user and display the appropriate season of the user's location. this app uses the react's class components system to display states, utilize the lifecycle methods and more props functionality.

 - react-course-3 : an app that utilizes the Unsplash API to return images from a user input in the search bar. this app acts as practice for user input with forms and events, making API requests with react, and using Ref's for accessing the DOM.

- react-course-4 : using the YouTube API to fetch videos and display them in the UI depending on what the user inputted in the search field. this app utilizes the class component system, lifecycle methods, API requests, forms, event callback functions and props; basically everything I have learned up to this point.

- react-course-5 : utilizing the useState and useEffect hook, this app updates its state and fetches wikipedia articles whenever the user types in the search field. using the setTimeout function of Javascript, the API fetch is throttled so it does not call on every character input. 

- react-course-6 : using react redux to manage global state within the application, this application uses reducers and action creators to show song details.

- react-course-7 : more usecases for react redux, in terms of state stores, reducers, action creators and using jsonPlaceholder API to create an app that shows random users comments and such.

- react-course-8: (unfinished) combining react redux, react router, react form and a "backend" api (just a json file as a storage database), to create a single page application with multiple routes, and functionalities to interact and modify the json database using REST-ful methods.