Setup

$ npm install -g expo-cli

$ expo init "project name"

ESLint

$ npm i -D eslint
$ npx eslint --init

eslint-plugin-hook

$ npm install eslint-plugin-react-hooks --save-dev

add eslint hook recomend
  "extends": [
    ...
    "plugin:react-hooks/recommended",
    ...
  ],
add rules
  "rules": {
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": ["error"],
    ...
  }

Emotion

$ npm install @emotion/react @emotion/native

Moti

$ npm install moti

- install Reanimated-2 :
$ expo install react-native-reanimated

- add the Babel-plugin to babel.config.js :
module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'],
  };
};

- import Components Moti :
import { MotiView, MotiText, MotiScrollView, MotiSafeAreaView, MotiImage } from 'moti'

• Moti install

---

Reference-link

• Node.js install , update
• React Native
• Expo Installation
• ESLint
  • No Unused Vars
• Hooks
• Emotion introduction , install and setup
• Axios
• Redux
• react-native-debugger for window
• redux-logger
• npm trands
• openbase
• Public-API

---

Design

• MUI
• Ant
• User Interface Component introduction
• Kitten
• react-native-elements
• Vector-Icons
• Google Fonts Icons

---

Flexbox Froggy

• https://flexboxfroggy.com/#ko