I'm getting ready for interviews. I have a list of items I'm going through for my preparation. I also dedicated 3 months for this process. I'm currently preparing for SQL interview questions. I went through the SQL fundamentals course on Exponent. I also solved all the interview questions and watched a few of the SQL …

Yesterday I decided that it's time to be building stuff every day using the technologies I say I know. I went through Web Dev Simplified's 43-minutes video building a todo list with React 18. I did it incrementally in 6 iterations, each time building the app up to a point in the video. Progressively I was able to go …

React Router Yesterday I kicked off reviewing React Router v.5. Key components I studied: BrowserRouter Link Switch Route They all get imported from react-router-dom

React Context Yesterday I reviewed the React Context section. It explains: The Problem: Prop drilling more than 2 layers The Parts: Provider Consumer The Context tunnel Techniques: contextType: This is limited to class components and cannot be used to pass on functions. Separate components with render props: This can …

React Reusability In order to DRY, 4 design patterns have emerged in React: Components with props Children Higher Order Components Render props React Performance In order to prevent React from rendering the entire tree when a branch doesn't have its props and state changed, React has 3 ways: shouldComponentUpdate(): …

Class Components Yesterday I completed the first section of the advanced React module. This went through using "old" React with class components as opposed to function components and hooks. It also went through "old" React lifecycle methods like render, componentDidMount, componentDidUpdate, and …

React Basics Wrap-Up Yesterday I submitted the MVP for the Quizzical solo project, the capstone project of Module 11: React Basics. This is a huge deal. This is module 11 of 13 modules total in this program. This list sums up the concepts I reviewed here: Why React: Imperative style, components, profitable skill, and …

React Basics Continued Yesterday I continued studying React basics. I went through forms and how to add two properties to an input element such that it becomes controlled: value={state}: This ensures the value of the input displayed is changed whenever state changes from inside the component, by code. onChange={() …

React Props and State Yesterday I explored the difference between props and state: Props: is data sent to the component from the outside, from a "parent" component, as config, as parameters, to be used by the component but are immutable. State: is data that lives inside the component, as local variables, that …