reactjs-master-class
quickstart-android
reactjs-master-class | quickstart-android | |
---|---|---|
6 | 337 | |
189 | 8,732 | |
- | 0.3% | |
3.5 | 7.9 | |
5 months ago | 5 days ago | |
HTML | Java | |
- | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
reactjs-master-class
-
Learn React & Redux By Building Netflix
/** * 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 */}); } // export Row component. export default Row;{title}
{/* End Title */} {/* List of Movies */}{movies.map((movie) => ( ))}{/* End List of Movies */} -
Build Big Companies UI by Using HTML, CSS.
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
Github link: https://github.com/hieptl/netflix-clone/tree/main/advanced/netflix-clone-with-redux-thunk
-
Learn Redux By Building Netflix
Dev.to: https://dev.to/hieptl/learn-react-by-building-netflix-1127
- Learn React By Building Netflix
quickstart-android
-
How to Add Firebase Authentication To Your NodeJS App
Head over to Firebase Developer Console homepage, sign in using your Gmail address, and click the Go to Console button to navigate to the console's overview page.
-
How I migrated from Firebase to Supabase
I didn't really give much thought as to which backend I would use. I already had 2 projects in Supabase (BOXCUT & MineWork), but also a few projects in Firebase too. I was more concerned at the time at actually building the product.
-
Collab Lab #66 Recap
JavaScript React Flowbite Tailwind Firebase - Auth, Database, and Hosting Vite
-
How Android App Development Companies Use Cloud Technologies for Innovation
Firebase: https://firebase.google.com/
-
How to Send Firebase Push Notifications to Android
Create or log in to a Firebase account.
- Jak wysyłać powiadomienia Firebase Push na Androida?
- Wie man Firebase Push-Benachrichtigungen an Android sendet
- Comment envoyer des notifications push Firebase sur Android ?
-
Mastering Firebase: A Comprehensive Guide to CRUD Operations
Firebase, a well-known backend platform, is widely utilized for building Serverless or Headless web and mobile applications. This discussion will delve into executing comprehensive CRUD (Create, Read, Update, Delete) operations within Firebase. CRUD operations serve as fundamental building blocks for both web and mobile applications. To initiate this process, create a new project in the Firebase Console. Subsequently, follow these steps for coding:
-
What is really an API? Examples, Code + History
For example, you can rely on the powerful OAuth by Okta to handle your Auth services, Flutterwave payment gateway to accept payment, and Google Firebase Messaging to manage notifications.
What are some alternatives?
KyberSwap - Codebase for KyberSwap that helps users convert tokens instantly and directly from their own hardware wallets, metamask and so on. No setup, No deposit, no withdrawal needed. Try it out on https://kyberswap.com or join telegram for developers https://t.me/KyberDeveloper.
supabase - The open source Firebase alternative.
master-javascript-design-patterns-by-building-real-projects - Please click :star: if you like the project. Pull requests are highly appreciated :heart:. This is my series about Design Patterns - Implemented by Javascript. My series will help you understand about design patterns by building real projects. For this reason, you can see the places in which each pattern could be applied.
Pyrebase - A simple python wrapper for the Firebase API.
dad-jokes - Simple Angular App for Dad Jokes: Angular + Progressive web Apps using PWAFIRE
Fakeflix - Not the usual clone that you can find on the web.
how-to-send-push-notifications-with-firebase-and-react - Send Push notifications with Firebase and React
stylegan2-pytorch - Simplest working implementation of Stylegan2, state of the art generative adversarial network, in Pytorch. Enabling everyone to experience disentanglement
upload-preview-image-react - How to Upload and Preview Image in React
firebase-js-sdk - Firebase Javascript SDK
env-variables-react - How to Use Environment Variables in React
React - The library for web and native user interfaces.