Skip to content
academeez

React

Expert Free Courses

Free, open-source courses. No registration, no clickbait, no bullshit.


FluxCD


Installing Flux with flux-cli

Install Flux on your K8S cluster.

kustomize-controller

The kustomize-controller will keep the cluster state in sync with the resources defined in a kustomization.yaml file.

helm-controller

In this lesson we will learn about helm-controller, and we will use it to install nginx ingress controller on our cluster

Installing Flux with Terraform/OpenTofu

In this lesson we will learn how to install Flux on our K8S cluster using Terraform or OpenTofu on GCp.


Terraform / OpenTofu


Setup with mise

Install and configure all the required tools for the IAC - Terraform/OpenTofu/Terragrunt course using mise

Introduction to Terragrunt

Proper IAC project is splitted to small modules, we need a proper dependency management for those small modules, while avoiding DRY violations. In this lesson we will learn how to achieve all that using Terragrunt.

Pretty code with pre-commit

Make our code pretty with pre-commit and pre-commit-terraform

Terraform GCP Permissions, Roles, Groups, Impersonation

Security best practices, and how to manage them in Terraform/Tofu Terragrunt project.

Terragrunt Unit

A Unit represents a small part in our infrastructure and it is identified by a terragrunt.hcl file


Angular


injection functions for repeating initializations

You can use injection functions for repeating initializations. Let's see how it works with NGRX

use *ngFor trackBy

Performance will be significantly improved if you use *ngFor trackBy functions

OnPush in all components

Best practice tip: OnPush should be set on all components

Structural Directives

Repeating *ngIf is often a sign to use a structural directive.

NGRX

Redux inspired state management for Angular.

@ngrx/store - data flow

Understanding the basics of @ngrx/store data flow and the Redux pattern

NGRX State

Facts you need to know about the state that is managed by NGRX.

Remove `@ngrx/store-devtools` in production

If you are using `@ngrx/store-devtools` in your application, you should remove it in production.

Installing @ngrx/store

Create a new Angular application and install @ngrx/store.

NGRX Actions

Student Ex. for NGRX actions

@if(...)

You can now replace *ngIf with the new @if(...)

@for(...)

Angular 17 has a new control flow syntax and it's recommended to stop using *ngFor, and use @for instead.


Git


commit messages

It's highly recommended to work with proper conventions when writing the commit messages. It is common to work with Conventional Commits, doing so can drastically improve readability and release automation.

Git rebase conflicts

does `git rebase` has more conflicts than `git merge`?

Clean your commits

Learn how to clean your commits before pushing them to the remote repository.

git config

When installing git, it is shipped with a default configuration. As you gain experience with git, you will want to change the default configuration to make it more convenient for you. In this series of lessons, we will go over important configurations that you need to be familiar with, and perhaps change the default values of those configurations.


React


Component Single Responsibility

Each React component should have a clear responsibility or role

Course Introduction

Free open source React course, with lessons, videos, and code exercises.

React Component

Introduction to create a component in React.

Component Tree

A React application is made from many components, where each UI component can place another component, forming a tree of components.

What are Props?

Passing data from parent to child component

Which Props Can I Pass?

Learn which props you can pass to DOM elements, your React components, and third‑party components.

Props Recommendations

Props are data that pass to a component from it's parent component. <br/> Here is a list of tips how to use props properly

Suspense

In this chapter we will learn everything you need to know about React Suspense.

Understanding React Elements

Creating an hello world with React and going over the basics of a react application


Express


Error handling in Node.js and Express

How we deal with errors and exceptions in Node.js, and how we handle them in Express

Typescript declaration file for extending Express Request type

We can use declaration files to teach typescript about different types we have in our app. We can also use declaration file to extend Express Request object. We often use Express middlewares to add information to the request object, with declaration files typescript can know about all the data we added to the Request object

Express

Free open source Express course, with lessons, videos, and code exercises.

Setup

Setup your development environment for the Express course

npm

introduction to npm, the package manager that ships with Node.js that we will use in this course


Node.JS


Is Node.JS Single Threaded?

In this lesson we will dig deep into Node.js architecture in order to answer the question: Is Node.JS single-threaded?