With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 style-guide Open-Source Projects
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
-
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
react-redux-typescript-guide
The complete guide to static typing in "React & Redux" apps using TypeScript
-
-
Flake8
flake8 is a python tool that glues together pycodestyle, pyflakes, mccabe, and third-party plugins to check the style and quality of some python code.
-
clean-go-article
A reference for the Go community that covers the fundamentals of writing clean code and discusses concrete refactoring examples specific to Go.
-
-
-
-
-
-
active-job-style-guide
This Background Jobs style guide is a list of best practices working with Ruby background jobs.
-
typescript-style-guide
⚙️ TypeScript Style Guide. Concise set of conventions and best practices used to create consistent, maintainable code.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
// Follow Established Style Guides // Adhere to established style guides such as Airbnb JavaScript Style Guide or Google JavaScript Style Guide to maintain consistency across your codebase. // These style guides provide comprehensive rules and recommendations for variable naming, declaration, and usage. // Example: Airbnb JavaScript Style Guide // https://github.com/airbnb/javascript /** * Represents a person with a given name and age. * @typedef {Object} Person * @property {string} name - The name of the person. * @property {number} age - The age of the person. */ /** * Create a new person. * @param {string} name - The name of the person. * @param {number} age - The age of the person. * @returns {Person} - The newly created person object. */ function createPerson(name, age) { return { name, age }; } const person1 = createPerson("John", 30); const person2 = createPerson("Jane", 25); console.log(person1); console.log(person2);
Repository: goldbergyoni/nodebestpractices
I picked up standard[1] a while back for this reason, I don't want to have to think about it. It works fine, I have no complaints (took me a while to get used to not using semi-colons but now I prefer it) Same reason I use `cargo fmt` as well.
[1] https://standardjs.com/
Project mention: Ask HN: High quality Python scripts or small libraries to learn from | news.ycombinator.com | 2024-04-19I think I mention this all the time when this comes up, but I learned the most 'best practices' through using ruff.
https://docs.astral.sh/ruff/
I just installed and enabled all the rules by setting
By default, RuboCop will enforce the style defined in the Ruby Community Style Guide. We can tailor it to our specific tastes and context, but let's rely on this basic set of rules to learn how to use RuboCop.
Project mention: I write HTTP services in Go after 13 years (Mat Ryer, 2024) | news.ycombinator.com | 2024-02-09
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Level up your React app's state management with this guide to using Redux with TypeScript here.
PEP8 (pycodestyle): Named after Python’s PEP 8 style guide, this tool checks your Python code against some of the style conventions in PEP 8.
Project mention: Why does the documentation say to use naming conventions like SKEL, SK, PHYS for Skeleton, Skeletal Mesh, Physics Asset, but all the start content use other abbreviations like SK, SKM and PA instead? | /r/unrealengine | 2023-12-11Doesn’t matter what you use, as long as it’s consistant. Epic changed their recommendations for skeletal meshes and skeletons between UE 4 and 5, hence the inconsistency. Michael Allar’s UE style guide is a common, long standing one. Personally I use whatever Epic’s current standard is, or what my team is using. It’s also fine to not prefix stuff, but it helps for consistency and searchability. It’s honestly more important to name things well, with cascading specificity: assetprefix_assettype_assetsubtype00 e.g. SM_Rock_Desert01, SM_Foliage_Bush_Dry_Small01 etc.
Fixed link to that style guide entry: https://guide.clojure.style/#opt-commas-in-map-literals
Per that style guide, the above map would be formatted like this (on HN, just indent by two spaces):
{:a 1
Project mention: To Review or Not to Review: The Debate on Mandatory Code Reviews | dev.to | 2024-04-24Automating code checks with static code analysis allows us to enforce code styling effectively. By integrating tools into our workflow, we can identify errors at an early stage, while coding instead of blocking us at the end. For instance, flake8 checks Python code for style and errors, eslint performs similar checks for JavaScript, and prettier automatically formats code to maintain consistency.
eslint-config-standard
B. Performance related: https://github.com/PoshCode/PowerShellPracticeAndStyle/blob/master/Best-Practices/Performance.md
I'm not trying to call a particular org or library out, because I think the ones I've been digging through (and prompted me to write this) are very high quality. It's vanilla-extract (a build-time CSS-in-JS library) and Braid Design System (built on vanilla-extract).
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
style-guide related posts
- Decoding JavaScript Variables: A Comprehensive Overview
- Airbnb JavaScript Style Guide
- Show HN: The Last TypeScript Style Guide
- Uber Go Style Guide
- ReactJS, NextJS and the modern frontend community (Rant)
- What is that Linux server doing?
- Eslint & Prettier Configuration React Native(Airbnb Style)
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source style-guide projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | javascript | 141,679 |
| 2 | nodebestpractices | 96,249 |
| 3 | styleguide | 36,545 |
| 4 | Standard | 28,856 |
| 5 | ruff | 26,504 |
| 6 | Ruby style guide | 16,380 |
| 7 | guide | 15,218 |
| 8 | react-redux-typescript-guide | 13,288 |
| 9 | awesome-guidelines | 9,499 |
| 10 | pycodestyle | 4,978 |
| 11 | ue5-style-guide | 4,862 |
| 12 | elixir_style_guide | 4,290 |
| 13 | clojure-style-guide | 3,974 |
| 14 | Flake8 | 3,257 |
| 15 | clean-go-article | 2,836 |
| 16 | eslint-config-standard | 2,561 |
| 17 | vue-styleguidist | 2,439 |
| 18 | swift | 2,258 |
| 19 | PowerShellPracticeAndStyle | 2,134 |
| 20 | braid-design-system | 1,473 |
| 21 | alejandra | 673 |
| 22 | active-job-style-guide | 466 |
| 23 | typescript-style-guide | 452 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com