Hung Vu hungdev

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

import { Platform, StyleSheet } from 'react-native';
import fs from 'react-native-fs';
import { decode } from 'base64-arraybuffer';
import AWS from 'aws-sdk';
import 'react-native-get-random-values'
import { customAlphabet } from 'nanoid'

const nanoid = customAlphabet('1234567890abcdef', 10)

	// 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 {