Search Results

What is React? React is a JavaScript library for building interactive user interfaces (UIs). Which can be clicked on-screen by the users. In terms of library, React provide helpful APIs to build the UI! It is up to the developer on how to use those APIs to b...

Core Concepts You will need to be familiar with three core concepts with React in order to build React applications. Components User interface can be broken down into building blocks called components. Think of it like a self contained, reusable snippet of...

What is Instrumentation Instrumentation is the act or the process of adding bytecode to your existing Java bytecode during runtime for the purpose of gathering data. Now who wants to do this and why is this useful? Many tools like Jacoco for analyzing code ...

SDLC Software Development Life Cycles is a step by step structured process that is used to help guide teams on design, develop, test, and deploying your application software. It lay out different phases to follow during a software development cycle: Plann...

The Old Days Before DevOps was a thing, the normal typical development and deployment process goes something like this: Developers will write codes in separate branches All of them would merge the code in which could cause big conflicts and perhaps broken...

https://en.wikibooks.org/wiki/Java_Persistence/ManyToOne# https://en.wikibooks.org/wiki/Java_Persistence/OneToOne

React Router Traditional multi-page web application uses server based routing where the user requests for a page, the request goes to the server, and when they navigate through different parts of the web page it a new request will be sent to the server to req...

useState The fundamental of storing information. useState hook allow you to create local state returning you both the value that you can access as well as a setter to modify the value. The modification of the state will trigger a re-rendering of the component...

Reducer In an React application you might have a lot of state that you're maintaining across multiple event handler and it can get overwhelming. You can consolidate those state update logic outside of the component into a single function called a reducer. The...

Global Variables Global variables in React persist even after re-render. Only the local variable that's instantiated within the React component will not survive the re-rendering, meaning that if the component is updated, those local variable's value will be r...

https://javascript.info/promise-error-handling   Using async functions https://devtrium.com/posts/async-functions-useeffect  

Parent Component Updates When a Parent Component's state or prop is updated and thus re-rendered, the child component that's part of the parent will also be re-rendered, or obviously when the child's state / props also changes. https://whereisthemouse.com/re...

https://react.dev/learn/preserving-and-resetting-state Super useful in understanding how React decides on how it renders the component and when to preserve the states.

memo As you know by now, if a parent component renders child component, and if any of the parent component's state or prop changes, it will trigger a re-rendering including all of the recursive child. function Child() { console.log("Child component bein...