Coder Social home page Coder Social logo

joaopaulomoraes / reactjs-vite-tailwindcss-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
467.0 2.0 91.0 1.56 MB

This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.

Home Page: https://reactjs-vite-tailwindcss-boilerplate.vercel.app

License: MIT License

TypeScript 91.27% HTML 5.75% JavaScript 2.99%
react reactjs typescript testing-library jest prettier eslint tailwindcss vite vitejs

reactjs-vite-tailwindcss-boilerplate's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

reactjs-vite-tailwindcss-boilerplate's Issues

Missing types for jest-dom

TS throw errors. I solved it by adding @types/testing-library__jest-dom.
I use @testing-library/jest-dom version 5.16.4

Expand docs to include details on adding custom font

Is your feature request related to a problem? Please describe.
Thank you for creating this boilerplate. I recently had to add a custom local font to my app and it was difficult to figure out.

Describe the solution you'd like
It would be great if the docs had a section that informed users on how to do that. This would ensure that folks who use your boilerplate aren't confused in that respect.

I solved this by creating an index.css file and initialising tailwind in it. This provided me with the ability to use custom local fonts saved in my /public directory.

Describe alternatives you've considered
Null

Additional context
Null

False linter error on vscode

Hi!

I don't think this is a Bug, but a local problem. My vscode linter claims that, for example

import Avatar from 'components/Avatar'
Cannot find module 'components/Avatar' or its corresponding type declarations

But the dev server works well.

It's that an tsconfig.json issue?

Add recommended extensions

Not much help in the editor by default. Which extension are recommended? It would be useful to add the .vscode/extensions.json file?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.