A step by step guide on how to create a React project from scratch, with TypeScript and Vite. You can find the full source code here: https://github.com/alexadam/project-templates/tree/master/projects/react-app-vite Setup Prerequisites: node (https://nodejs.org/en/download/) yarn (https://yarnpkg.com/getting-started/install) Create the project’s folder: mkdir react-app cd react-app Generate a default package.json file with yarn:

Keyboard Shortcuts on Linux, go to: File -> Preferences -> KeyboardShortcuts -> Open Keyboard Shortcuts JSON (top-right icon) On Mac: Code -> Preferences -> KeyboardShortcuts -> Open Keyboard Shortcuts JSON (top-right icon) Then add custom key bindings like this: Ctrl+D to duplicate line / selection: { "key": "ctrl+d", "command": "editor.action.duplicateSelection" } Ctrl+Shift+L…

Setup On MacOS or Linux, run this command in the terminal (then follow the instructions): curl — proto ‘=https’ — tlsv1.2 -sSf https://sh.rustup.rs | sh More: https://www.rust-lang.org/learn/get-started Get the current Rust & Cargo versions: rustc --version cargo --version Cargo utils: # create new project cargo init # compile & execute cargo…

Set up the development environment by installing Expo CLI (https://reactnative.dev/docs/environment-setup) yarn global add expo-cli Create a new project (app): expo init todo-app # select "blank (TypeScript)" Start the development server: cd todo-app yarn start # press w to open the web app Create a To-Do app Prerequisites Install a checkbox component: yarn add react-native-bouncy-checkbox Then…

From parent page -> iframe In the parent page: const iframe = document.getElementById('iframe'); iframe.contentWindow.postMessage('some message', '*'); In the iframe: window.onmessage = function(e) { if (e.data === 'some message') { alert('It works!'); } }; From iframe -> parent page In the parent page: window.onmessage = function(e) { if (e.data === 'from iframe') { alert('It works!'); } };

Let’s say you want to do a local port forwarding via SSH, but you don’t remember the command. You do a quick search on google and find something like this: ssh -L 8080:localhost:80 user@10.20.30.40 But, in your case, the SSH server doesn’t run on the standard port, so you have…

Prerequisites: An existing React app. You can find the full source code @ github: https://github.com/alexadam/project-templates/tree/master/projects/react-app-tests Setup Install Jest and react-testing-library yarn add --dev jest @types/jest ts-jest @testing-library/react @testing-library/jest-dom In the project’s root folder, create a file named jest.config.js and add: module.exports = { roots: ["./src"], transform: {…

A step by step guide on how to install Swift on Ubuntu 20.04. Setup Download Swift from https://swift.org/download/ -> select the Toolchain archive for Ubuntu 20.04 Extract the archive, then open ~/.bashrc and append this line: PATH="/.../<absolute-path-to-the-extracted-swift-folder>/usr/bin:$PATH" Reload .bashrc with source ~/.bashrc Install the required dependencies. See https://swift.org/download/#using-downloads -> Linux ->…

How to encrypt text Create a file named encdec.js and paste: const crypto = require("crypto") const encrypt = (plainText, password) => { try { const iv = crypto.randomBytes(16); const key = crypto.createHash('sha256').update(password).digest('base64').substr(0, 32); const cipher = crypto.createCipheriv('aes-256-cbc', key, iv); let encrypted = cipher.update(plainText); encrypted = Buffer.concat([encrypted, cipher.final()]) return iv.toString('hex') + ':' + encrypted.toString('hex');