Mahfoudh Arous aladin002dz

Ctrl + D / Cmd + D : multiple selection of the same occurence.
Shift + Ctrl + L / Shift + Cmd + L: Select all occurence of the same item.
Alt + Ctrl / Option + Cmd : multi cursor editing.
Ctrl + P / Cmd + P : Search and Open a file in the current folder by typing name of the file or its pattern.
Ctrl + T / Cmd + T: jump to a definition by typing "#" then the identifier.
Shift + Ctrl + P / Shift + Cmd + P: open command pannel and type any command.
Ctrl + Shift + ù : open integrated terminal.
Credit: Mosh Hamedani: https://www.youtube.com/watch?v=1mD7-WWKvto&ab_channel=ProgrammingwithMosh

Ctrl + G: jump to a file.

RTK Query Primer

File structure :

./main.jsx
./app/store.js
./app/apiSlice.js
./App.jsx
./components/PokemonList.jsx

Redux Toolkit Primer #1 - Counter 📖

A simple example of a Counter to remind me the basic usage of Redux Toolkit. The Counter React component displays its value ("state") and allows to change it with three different buttons ("actions").

File structure :

./main.jsx
./App.jsx
./app/store.js

Redux Toolkit Primer #2 - Cart 🛒

A simple example of a Cart to remind me the basic usage of Redux Toolkit. We need to use two features : "products" and "cart". The Products React Component displays a list of products and add it to the cart. The Cart Component displays the number of items and the total score.

File structure :

./main.jsx
./App.jsx
./app/store.js

Wordpress & Docker

This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command

$ docker-compose up -d

# To Tear Down
$ docker-compose down --volumes

	import { useState, useEffect } from 'react';

	export default function MyComponentFetch(){
	const [data, setData] = useState(null); // State to store fetched data
	const [loading, setLoading] = useState(true); // Loading state
	const [error, setError] = useState(null); // Error state

	useEffect(() => {
	const fetchData = async () => {
	setLoading(true);

	Country,Year,Value
	Albania,1980,2.7
	Albania,1981,5.7
	Albania,1982,2.9
	Albania,1983,1.1
	Albania,1984,2
	Albania,1985,-1.5
	Albania,1986,5.6
	Albania,1987,-0.8
	Albania,1988,-1.4

	var sqlite3 = require('sqlite3').verbose();
	var db = new sqlite3.Database('data/demodb02');

	db.serialize(function() {
	db.run("CREATE TABLE IF NOT EXISTS counts (key TEXT, value INTEGER)");
	db.run("INSERT INTO counts (key, value) VALUES (?, ?)", "counter", 0);
	});

	var mousex;
	var mousey;

	window.addEventListener('click', function (event) {
	mousex = event.x
	mousey = event.y
	})

	//the circle object decalaration
	function Circle(x,y,dx,dy,radius){

	//the circle properties
	this.x = x;
	this.y = y;
	...

	//the drawing method
	this.draw = function() {