Programming - React by Jamie

Build a password strength meter based on zxcvbn password checker.

I recently added a contact form to my Power Todos app, these are my notes on how I achieved setup this form using Google's ReCaptcha and the react-google-recaptcha package.

getDerivedStateFromProps is a static method, which means it does not have access to the 'this' keyword, so how then do you update the state?

When interviewing for a react javascript job, these are some questions other programmers have encountered in job interviews. Side effects, functional programming, component lifecycles, state, props, inheritance, composition.

Server robots.txt file, certbot verifcation file, or other plain html or other pages using this React Router trick...

Without using the redux-persist plugin we can easily use localStorage to persist the redux store, or even just parts of the store.

When a user logs out we want to clear all state. But state may be present in different reducers, so how do we clear all of the different state properties?

By running npm create-react-app a ton of stuff happens behind the scenes.

Understanding how Javascript stores variable values in memory will help you produce code that uses less memory. In React, we can use this memory to understand when we should create stored functions, rather than arrow functions that need to be recreated with each render.

Thunk vs Saga vs Observable/RxJs vs Promise Middleware.

Firebase cloud functions are functions stored on the firebase server. They have a similar concept to an express server. They are meant to listen for things that happen on the server and then send responses to the frontend.

Register a new user using Firebase Authentication services in React. Use Firebase to store the user's profile data. Auth handles the password and email validations.

Setup a Firebase project. Start a Firestore database. Sync firestore and firebase reducers with the rootReducer. Add data via actions and update the state. Retrieve and display data on the frontend.

Create a store. Subscribe to the store. Create the root reducer. Provide access for the store to the App. mapStateToProps in a component. mapDispatchToProps in a component. Connect component props to maps. Create actions. Process the actions in the reducer.

The very basics of React. Practice coding to increase memory retention.