vue-ts-tailwind
typescript-eslint
Our great sponsors
vue-ts-tailwind | typescript-eslint | |
---|---|---|
4 | 123 | |
7 | 14,535 | |
- | 1.3% | |
0.0 | 9.9 | |
4 days ago | 6 days ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vue-ts-tailwind
-
To fly you need a tailwind
In one of my previous projects, I fall in love with TailwindCSS. I know that this is a very controversial framework for some, but for me, personally, as a backend developer of 11 years, it was the first time I had a fun time adding styles to the frontend. I even created vue-ts template with it, as a part of another articles' series.
- Vite vue ts tailwind template: Convert styles to TailwindCSS classes and configs (Part 3)
-
Vite vue ts tailwind template: Create repo from vue-ts template
-[![pre-commit.ci status](https://results.pre-commit.ci/badge/github/imomaliev/vue-ts/main.svg)](https://results.pre-commit.ci/latest/github/imomaliev/vue-ts/main) -![ci](https://github.com/imomaliev/vue-ts/actions/workflows/ci.yml/badge.svg) +[![pre-commit.ci status](https://results.pre-commit.ci/badge/github/imomaliev/vue-ts-tailwind/main.svg)](https://results.pre-commit.ci/latest/github/imomaliev/vue-ts-tailwind/main) +![ci](https://github.com/imomaliev/vue-ts-tailwind/actions/workflows/ci.yml/badge.svg) -# Vue 3 + Typescript + Vite + Jest +# Vue 3 + Typescript + Vite + Jest + TailwindCSS -This template should help get you started developing with Vue 3 and Typescript in Vite. +This template should help get you started developing with Vue 3, Typescript and TailwindCSS in Vite.
-
Install eslint
vue-ts-tailwind
typescript-eslint
-
Mastering Type-Safe JSON Serialization in TypeScript
Typescript-eslint can assist in this task. This tool helps identify all instances of unsafe any usage. Specifically, all usages of JSON.parse can be found and it can be ensured that the received data's format is checked. More about getting rid of the any type in a codebase can be read in the article Making TypeScript Truly "Strongly Typed".
-
Oxlint – written in Rust – 50-100 Times Faster than ESLint
> Only lint files that have changed? How hard that is?
Quite hard, especially since type-aware rules from e.g. https://typescript-eslint.io/ mean that changing the type of a variable in file A can break your code in file B, even if file B hasn't changed.
-
How to Do a TypeScript Conversion: an opinionated take on gradual conversions
The article only touches this: when converting to TypeScript, `any` is useful, but in the end you don't want this type in your codebase - so don't forget to use typescript-eslint [0] and turn on those no-unsafe-* rules which guard against `any` leaking into your code.
- How do I add additional rules to my typescript-eslint settings?
- What's the best config for typescript-eslint?
- How do you add angular-eslint to your typescript-eslint config?
- What's the best typescript-eslint config?
-
The Best ESLint Rules for React Projects
By convention, React components should be named in PascalCase. @typescript-eslint has the config we need, and though we can't specifically target React components, we can target variables (and set some other conventions while we're at it):
- Open source public fund experiment - One and a half years update
- Never touch those //ts-ignores
What are some alternatives?
modern-normalize - 🐒 Normalize browsers' default style
eslint-config-google - ESLint shareable config for the Google JavaScript style guide
vue-ts - Vite + Vue + TypeScript template
angular-eslint - :sparkles: Monorepo for all the tooling related to using ESLint with Angular
Tailwind CSS - A utility-first CSS framework for rapid UI development.
ts-standard - Typescript style guide, linter, and formatter using StandardJS
groundwork - A curated collection of boilerplate projects and reusable configurations
zod - TypeScript-first schema validation with static type inference
gitignore - A collection of useful .gitignore templates
node-clinic - Clinic.js diagnoses your Node.js performance issues
PostCSS - Transforming styles with JS plugins
ts-node - TypeScript execution and REPL for node.js