|6 days ago||6 days ago|
|MIT License||MIT License|
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.
The best Angular 13 Starter Project
12 projects | dev.to | 22 Jan 2022
✅ Angular 13 ✅ Angular Material ✅ Unit Testing with Jest ✅ End-to-End Testing with [TestCafé](https://testcafe.io/ ✅ Internationalization with Transloco ✅ Auto documentation with Compodoc ✅ Analyse your project with webpack-bundle-analyzer ✅ Docker ✅ ESLint ✅ Prettier ✅ Commit Linting ✅ AuditJS Audit this application using Sonatype OSS Index ✅ Auto-generate a CHANGELOG with auto-changelog
How ESLint Can Enforce Your Design System Best Practices
3 projects | dev.to | 19 Jan 2022
Fortunately, a great way to encourage your consumers to follow your best practices is through the use of ESLint, a static analysis tool to find problems in your code.
TypeScript. Advanced Project Setup
4 projects | dev.to | 18 Jan 2022
Before taking the next steps in the direction of TypeScript, we will prepare a working environment according to all industry standards. We have already set up EditorConfig so that all the files we create comply with certain rules. ESLint is a code quality control tool. It allows you to describe a list of rules for formatting code, language constructs used, and so on. This allows you to write code in a single style. If these rules are not followed, the code will be underlined in the editor. You can also run the check from the console.
Is using the backtick (`) in console.log() considered bad form?
1 project | reddit.com/r/learnprogramming | 17 Jan 2022
Maybe ESLint has a different opinion, otherwise I see no reason not to use this. Also. if you don’t use ESLint yet, there’s undoubtedly a plug-in for your IDE 🙂
Angular 13 + NestJs + NX
9 projects | dev.to | 15 Jan 2022
✅ Angular 13 ✅ Ngx-admin ✅ NestJS 8 ✅ Next generation build system with Nx ✅ Unit Testing with Jest ✅ End-to-End Testing with Cypress ✅ ESLint ✅ Prettier
Angular 13 Starter with ESLint, Material, Transloco, Jest, TestCafe, Docker & Prettier 🚀
5 projects | dev.to | 15 Jan 2022
✅ Angular 13 ✅ Angular Material ✅ Unit Testing with Jest ✅ End-to-End Testing with TestCafé ✅ Internationalization with Transloco ✅ Auto documentation with Compodoc ✅ Analyse your project with webpack-bundle-analyzer ✅ Docker ✅ ESLint ✅ Prettier ✅ Commit Linting
Generate JHipster + Svelte/Kit web applications
8 projects | dev.to | 14 Jan 2022
Why did function syntax become “more complicated”?
8 projects | dev.to | 9 Jan 2022
What does "senior" mean as a React developer?
5 projects | reddit.com/r/reactjs | 8 Jan 2022
This is what I use in my projects: Prettier to format the code. Eslint (for react) and Stylelint (for styles). You can additionally use husky to run the above linters and formaters before committing the code, you can also run some tests automatically before every commit, although depending on the number of tests, this can take some time and can be a bit annoying. In GitHub/GitLab, we also have a set of actions on our pipeline to run all of these linters and tests every time we create a merge request or deploy some new code (CI/CD).
Kentico Xperience Xplorations: Using Tailwind CSS with Kentico Xperience
1 project | dev.to | 24 Jan 2022
In this post we'll be exploring what it looks like to use Tailwind CSS in our Kentico Xperience applications.
Understanding Tailwind CSS
1 project | dev.to | 24 Jan 2022
Tailwind CSS, as per their own website is a "utility-first CSS framework" which provides several of these opinionated, single-purpose utility classes that can be directly used inside our markup to design an element. Some of the utility classes that I frequently use these days are:
Open sourcing a privacy-friendly and customizable Disqus alternate 🚀🔥
11 projects | dev.to | 24 Jan 2022
Style: TailwindCSS twin.macro
DarkMode in TailWind
2 projects | dev.to | 24 Jan 2022
So here, checked means that, when the checkbox input is checked, it will translate-x-6 translate in x-axis i.e. toward right. And the rest is basic tailwind CSS. You can search the meaning of the values of className in their website.
How to add Tailwind CSS to your HTML project
3 projects | dev.to | 23 Jan 2022
Tailwinds makes life so much easier for people struggling with vanilla css. Tailwind provides low-level utility classes, that enables you to make unique designs without leaving your html file. For more information read the official documentation.
Class Naming Recommendations
1 project | reddit.com/r/css | 22 Jan 2022
Inspect Tailwind's page (https://tailwindcss.com/) and see how they name everything. If you went the utility class route, that puts a lot less pressure on coming up with some unique name for each module/section.
Looking for guidance and maybe encouragement?
1 project | reddit.com/r/learnprogramming | 22 Jan 2022
I suck at frontend and design. Have you looked at the modern CSS frameworks like https://tailwindcss.com/? It can give you pretty results without thinking a lot on the design (which is essential but difficult for some people).
How to build a toast (notification) component with Tailwind CSS and Flowbite
1 project | dev.to | 21 Jan 2022
Make sure that you have Node.js and Tailwind CSS installed.
People who work from home - what is it you do?
3 projects | reddit.com/r/AskUK | 21 Jan 2022
If you don’t know any JS frameworks, you could use a CSS framework e.g Tailwind CSS that achieves the same goal as component libraries, just in a different way.
Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡
13 projects | reddit.com/r/u_Special_Paint_9099 | 19 Jan 2022
why not use Windi CSS or Tailwind css?
What are some alternatives?
windicss - Next generation utility-first CSS framework.
material-ui - MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
antd - An enterprise-class UI design language and React UI library
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
Bulma - Modern CSS framework based on Flexbox
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
Foundation - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
theme-ui - Build consistent, themeable React apps based on constraint-based design principles
vuetify - 🐉 Material Component Framework for Vue
styled-system - ⬢ Style props for rapid UI development