Pinned Loading

1. [React] Hooks [React] Hooks

   1

   2

   // ------------ useState => dealing with multiple object in state

   3

   4

   const [person ,setPerson] = useState(() => initialPerson);

   5

2. [React Native] VSCode shorcuts [React Native] VSCode shorcuts

   1

   2

   3

   # react native component

   4

   5

   rnfe

3. [CSS] Tailwind Example [CSS] Tailwind Example

   1

   function Product ({product: {title, price, description, category, image}}) {

   2

       return (

   3

         <div className="flex bg-white w-full mb-5 shadow-sm rounded-lg dark:bg-gray-300">

   4

           <div className="w-5/12 p-2">

   5

                 <div style={{backgroundImage: `url("https://github.com/%3Cspan%20class=pl-s1%3E%3Cspan%20class=pl-kos%3E$%7B%3C/span%3E%3Cspan%20class=pl-s1%3Eimage%3C/span%3E%3Cspan%20class=pl-kos%3E%7D%3C/span%3E%3C/span%3E")`}} className="bg-contain bg-no-repeat bg-center w-full h-full"></div>

4. [React Native] Centering [React Native] Centering

   1

   flex: 1,

   2

   jusifyContent: "center", 

   3

   alignItems: "center"

5. [Jest] Snapshot [Jest] Snapshot

   1

   yarn test 'path' -u

   2

   yarn test 'path' --watch

6. [React Native] RN Template Typescript [React Native] RN Template Typescript

   1

   npx react-native init MyApp --template react-native-template-typescript