Hung Vu hungdev

Node switcher:

How to use:

Create file name: node-swicher.sh and copy content below
give permission ( Only need to grant 1 time ): chmod +x node-swicher.sh
run it: ./node-swicher.sh $param
param: 
If no number is passed, it defaults to version 16.16.0.
If 14 is passed, it uses version 14.19.0.

const fields = Object.keys(data?.[0]);
const searhResponse = searchVl ? data?.filter(el => fields.find(f => el[f]?.toString()?.toLowerCase()?.includes(searchVl?.toLowerCase()))) : data;

https://www.appicon.co/
https://github.com/MasonLe2497/cli-tools

fnm install 16.16.0
fnm use 16.16.0
fnm default 16.16.0

create file ngrok.yml

authtoken: ***
version: "2"
region: "us"
tunnels:
  first:
    addr: 6006
 proto: http

https://dev.to/alexeagleson/how-to-create-and-publish-a-react-component-library-2oe

https://dev.to/iamrishupatel/how-to-create-a-react-component-library-using-storybook-typescript-scss-and-rollup-4pin

https://blog.harveydelaney.com/creating-your-own-react-component-library/

https://dev.to/alexeagleson/how-to-create-and-publish-a-react-component-library-2oe

CMD + Ctrl + Z -> Show Inspector

React-Native Command

Windows Commands

rm node_modules/
use ; for muti line commands
rm $TMPDIR/react-* ; rm ios/build ; rm node_modules ; yarn cache clean ; npm cache verify

React Native

react-native --help

	// SO responsive mixin
	// a mixin is different from a function as it does not return a value but serves as placeholder for code
	@mixin responsive( $breakpoint ) {
	/*
	breakpoints are viewport arbitrary values,
	they are defined with the aim of allowing the SCSS/CSS code of your app' behave accordingly to your user's device width,
	the breakpoints I used were inspired by Bootstrap =>
	https://getbootstrap.com/docs/5.0/layout/breakpoints/
	*/
	@if $breakpoint == smartphone-portrait {