Self-Taught Java Developer Roadmap
SCSS And BEM Explained Simply
Being able to correctly organize and abstract code into smaller pieces is essential for all code, but especially CSS. When it comes to large, complex frontends SASS is one of the best ways to correctly structure CSS. Nothing pairs better with SASS then BEM methodology. Which stands for: A block…
JSX in React TypeScript Explained Simply
React is a JS library that allows you to make web UI’s that is very similar to HTML. JSX is for more strict compared to HTML and it is dynamic. You may be asking yourself, why use JSX when we have HTML? In order to use JSX, you must do…
Spring Data JPA Many-To-Many Explained Simply
At a certain point in your Java career, it is inevitable to arrive at a point where you have models that are related to each other but cannot be solved with foreign keys. A good example of a many-to-many relationships is the relationship between rice and sauces. I love ALL…
Objects And React State Explained Simply
State can hold any kind of JavaScript value, including objects. Although it may be tempting, you should never change objects you hold in React state directly. Instead, when you update an object, you need to create a new one and then set the state to use that copy. React Mutations…
Spring Data JPA One-To-Many Explained Simply
One-to-many relationships are used when a single entity is associated with many other entities. For example, a Blog can have many associated Posts, BUT each Post is only associated with one Blog. This simply means you map child entities (Posts) as a collection in the parent object (Blogs). Spring Data…
useReducer Vs Redux Explained Simply
If you program long enough, you will make the mistake of “premature optimization”. Premature optimization simply means you put the cart before the horse and made your application too complex. Redux is a framework where this happens quite frequently. The useReducer hook is a way to manage state in React….
CSS Grid Shorthand Property Explained Simply
If there is one thing I’ve learned about CSS, it’s that CSS loves shortcuts (aka “shorthand” properties)! The grid property is CSS Grid combines the following properties. Like most shorthand properties in CSS, depending on how many variables you add to the property will determine how it behaves. Implicit vs…
CSS ‘>’, ‘+’, ‘~’ Selectors Explained Simply
Knowing CSS selectors is easily one of the most important aspects of web development. As a former backend developer, it makes me cringe how bad I was at CSS selectors. Not knowing selectors is known to cause mangled front ends and ugly Bootstrap UI’s! Element Type Selectors The most basic…
