https://github.com/muhajirdev/react-tailwind-emotion-starter

React + Tailwind + Emotion
https://github.com/muhajirdev/react-tailwind-emotion-starter

react react-starter reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

React + Tailwind + Emotion

• Host: GitHub
• URL: https://github.com/muhajirdev/react-tailwind-emotion-starter
• Owner: muhajirdev
• Created: 2018-10-04T13:19:29.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-12-16T11:11:55.000Z (9 months ago)
• Last Synced: 2024-05-21T00:59:32.622Z (4 months ago)
• Topics: react, react-starter, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://react-tailwind-emotion.netlify.com/
• Size: 3.87 MB
• Stars: 27
• Watchers: 2
• Forks: 2
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Tailwind Emotion Starter

This project is based on [create-react-app](https://github.com/facebook/create-react-app).

## Usage

```

git clone https://github.com/muhajirframe/react-tailwind-emotion-starter

cd react-tailwidn-emotion-starter

```

### Development

```

npm start

```

### Build

```

npm run build

```

## How it was made?

- It uses [babel-plugin-tailwind-components](https://github.com/bradlc/babel-plugin-tailwind-components)

- Add globals to eslint. So we can use `tw` globally.

- tailwind configuration is located in `src/tailwind.js`. Because `create-react-app` doesn't support importing file from outside `src`

## For more information

- [Create React App](https://github.com/facebook/create-react-app)

## Contributing

- Got a question? [Submit an issue](https://github.com/muhajirframe/react-tailwind-emotion-starter/issues/new)

- Make a pull request

## Related

- (vscode-tailwind-styled-snippets)[https://github.com/muhajirframe/vscode-tailwind-styled-snippets]. If you're a Visual Studio Code. This plugin will definitely help. It was build with `babel-plugin-tailwind-component` + `react-emotion`/`styled-components` in mind

**Enjoy!**