env-variables-react VS reactjs-master-class

env-variables-react

We haven't tracked posts mentioning env-variables-react yet.
Tracking mentions began in Dec 2020.

reactjs-master-class

• 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) => ( ))}

  {/* 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 By Building Netflix
  4 projects | dev.to | 9 Jun 2021

  Dev.to: https://dev.to/hieptl/learn-react-by-building-netflix-1127

  4 projects | dev.to | 9 Jun 2021

  Github: https://github.com/hieptl/netflix-clone

• Learn React By Building Netflix
  2 projects | dev.to | 1 Jun 2021