React + Fetch – HTTP PUT Request Examples: https://jasonwatmore.com/post/2020/11/02/react-fetch-http-put-request-examples
Create a form for updating a remote item with React
Bracket Pair Colorizer and Indent Rainbow:
URL Parameters with React Router: https://www.cluemediator.com/url-parameters-with-react-router
How To Fetch Data From an API With React Hooks: https://medium.com/better-programming/how-to-fetch-data-from-an-api-with-react-hooks-9e7202b8afcd
They let you use state and other React features without writing a class.
React: Class Component VS Function Component with Hooks:
Hooks are a new addition in React 16.8. The most useful feature of Hooks is that it allows using state without using class.
Effect hook will get invoked with the first DOM updating. We can pass in a function in useEffect, and every time the DOM gets updated, the function in useEffect will get invoked too. Also, the effect hook allows you to pass in an array as the second argument, which contains all the dependencies that will trigger the effect hook. if any of the dependencies changed, the effect hook will run again. This feature provides us a more efficient way to make an Ajax request. Instead of making the request every time with DOM updates, you can pass in dependencies that only make the request while these values change.
Comparing with these two ways to create a component, we can clearly see that hooks need less code and it is more clear to read and understand. Hooks give us a more efficient way to replace lifecycle methods.
If you’re coming over from React’s class components, you might be confused about how useState works, particularly since you can now define what the initial value is.
const [someState, setSomeState] = useState(‘starting value’);
const initFirebase = firebase.initializeApp(firebaseConfig);
const db = initFirebase.firestore();
// időbélyeg hozzáadva
db.serverTimestamp = firebase.firestore.FieldValue.serverTimestamp();
export default db;
The secrets of Firestore’s FieldValue.serverTimestamp() — REVEALED!
Firebase Firestore Time Stamp (how to implement)
The top 10 things to know about Firestore when choosing a database for your app: https://medium.com/firebase-developers/the-top-10-things-to-know-about-firestore-when-choosing-a-database-for-your-app-a3b71b80d979
Cloud Firestore Data model: https://firebase.google.com/docs/firestore/data-model
Firebase Realtime Database: https://firebase.google.com/docs/database/web/structure-data
React JS for Beginners — The Basics: https://codeburst.io/react-js-for-beginners-the-basics-87ef6e54dae7
React Function Components info
Cloud Firestore — Add, Set, Update, Delete, Get data – https://saveyourtime.medium.com/firebase-cloud-firestore-add-set-update-delete-get-data-6da566513b1b
Working with Bootstrap’s Modals in React: https://www.pluralsight.com/guides/working-with-bootstraps-modals-react