Skip to content

This project rewrites Emoji Search, one of React's official small examples, using React Hooks and TypeScript.

Notifications You must be signed in to change notification settings

kitamuraDev/emoji-search-clone

Repository files navigation


Emoji Search clone


What is this

Tech Stack

Language

Node.js TypeScript

Package Manager

Yarn

Library

React react-copy-to-clipboard

Build Tool

Vite

Linter / Formatter

ESLint Prettier

Project setup

  1. Clone repository
$ git clone https://github.com/kitamuraDev/vite-react-ts-starter.git
  1. Move to repository
$ cd vite-react-ts-starter
  1. Install dependencies
$ yarn

or

$ yarn install
  1. Launch application
$ yarn dev
  1. Build application
$ yarn build
  1. Preview build results
$ yarn preview

About Git-Hooks

Basically, when you do yarn install, yarn prepare is also executed, but if it is not executed, please execute it explicitly.
$ yarn prepare
If successful, the following settings will be written to .git/hooks/pre-commit.
#!/bin/sh
npx lint-staged

Editor Config

  • Don't forget to install the VScode extension
  • The location of the configuration file is Users> Username> Library> Application Support> Code> User> settings.json

Run ESLint on save

{
  "eslint.packageManager": "yarn",
  "editor.formatOnSave": false, // To avoid conflict with Prettier
  "editor.codeActionsOnSave": ["source.addMissingImports", "source.fixAll.eslint"]
}

Run Prettier on save

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.formatOnSave": true
  },
  "[javascriptreact]": {
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.formatOnSave": true
  },
  "[typescriptreact]": {
    "editor.formatOnSave": true
  },
  "[json]": {
    "editor.formatOnSave": true
  }
}

Contact

Twitter: @kitamuraDev

License

MIT

About

This project rewrites Emoji Search, one of React's official small examples, using React Hooks and TypeScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published