reactjs-master-class

The repository helps you learn React by building Netflix. (by hieptl)
Add to my DEV experience React JavaScript learning-by-doing learning-resources Firebase Tutorials
Source Code
reactjs-master-class Reviews
Suggest alternative
Edit details
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com
Sponsored

Reactjs-master-class Alternatives

Similar projects and alternatives to reactjs-master-class

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better reactjs-master-class alternative or higher similarity.
Suggest an alternative to reactjs-master-class

reactjs-master-class reviews and mentions

Posts with mentions or reviews of reactjs-master-class. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-07-19.
  • Learn React & Redux By Building Netflix
    2 projects | dev.to | 19 Jul 2021
    /** * Github: https://github.com/hieptl/netflix-clone. * Dev.to: https://dev.to/hieptl/learn-react-by-building-netflix-1127 */ // import react. import { useEffect, useState } from "react"; // import firebase database. import { firebaseDatabase } from "../../firebase/firebase"; // import use dispatch to dispatch action to the store. import { useDispatch } from "react-redux"; // import action types. import * as loadingActionTypes from "../../actions/LoadingActions"; /** * create Row component. * @param {*} props which are passed to the Row component. */ function Row(props) { // create "movies" state to store list of movies from Firebase. const [movies, setMovies] = useState([]); // get props. const { title, movieType } = props; // leafRoot to get data from Firebase. const leafRoot = "movies"; const dispatch = useDispatch(); /** * fetch movies from Firebase when getting "movieType" prop. */ useEffect(() => { fetchMovies(movieType); }, [movieType]); /** * fetch movies from Firebase. * @param {*} movieType which is used to get movies from Firebase. */ const fetchMovies = (movieType) => { dispatch({ type: loadingActionTypes.SHOW_LOADING }); const movieRef = firebaseDatabase.ref(`${leafRoot}/${movieType}`); movieRef.on("value", (snapshot) => { const movies = snapshot.val(); if (movies && movies.length !== 0) { // update "movies" state after getting movies from Firebase. setMovies(() => movies); dispatch({ type: loadingActionTypes.HIDE_LOADING }); } }); }; return (
    {/* Title */}

    {title}

    {/* End Title */} {/* List of Movies */}
    {movies.map((movie) => ( {movie.original_name} ))}
    {/* End List of Movies */}
    ); } // export Row component. export default Row;
  • Build Big Companies UI by Using HTML, CSS.
    2 projects | dev.to | 30 Jun 2021
    I also have a post about learn React by building Netflix: https://dev.to/hieptl/learn-react-by-building-netflix-1127
  • Learn Redux-Thunk By Building Netflix
    1 project | dev.to | 10 Jun 2021
    Github link: https://github.com/hieptl/netflix-clone/tree/main/advanced/netflix-clone-with-redux-thunk
  • Learn Redux By Building Netflix
    4 projects | dev.to | 9 Jun 2021
    Dev.to: https://dev.to/hieptl/learn-react-by-building-netflix-1127
  • Learn React By Building Netflix
    2 projects | dev.to | 1 Jun 2021
  • A note from our sponsor - WorkOS
    workos.com | 26 Apr 2024
    The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Stats

Basic reactjs-master-class repo stats
6
189
3.5
4 months ago

The primary programming language of reactjs-master-class is HTML.

Popular Comparisons

  1. reactjs-master-class VS KyberSwap
  2. reactjs-master-class VS how-to-send-push-notifications-with-firebase-and-react
  3. reactjs-master-class VS master-javascript-design-patterns-by-building-real-projects
  4. reactjs-master-class VS dad-jokes
  5. reactjs-master-class VS upload-preview-image-react
  6. reactjs-master-class VS env-variables-react
  7. reactjs-master-class VS a-tiny-JS-world
  8. reactjs-master-class VS redux
  9. reactjs-master-class VS youtube-clone
  10. reactjs-master-class VS quickstart-android

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com