Top 23 JavaScript Component Projects
-
Hey! We have an example with Docker here: https://github.com/vercel/next.js/tree/canary/examples/with-docker
-
Your JS bundle size is really inflated because of React, I suspect you could move to Preact and drastically reduce your overall JS package. I haven't done this with Next.js before, but it looks like there is some good reading out there on the subject.
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: Sciter, the 5 MB Electron alternative, has switched to JavaScript | news.ycombinator.com | 2021-12-30
https://framework7.io is really well done.
-
bootstrap-vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
-
Project mention: How To Create A Custom Edit Form In DevExtreme Datagrid Using Semantic UI React. | dev.to | 2021-12-01
Semantic UI is a front-end development framework similar to bootstrap. It is designed for theming. It contains prebuilt semantic components that help create beautiful and responsive layouts using friendly HTML syntax. It integrates React, Angular Ember, etc. It uses gulp build tools to help your project preserve its theme changes. Gulp is a javascript tool that allows you to automate tasks like builds, minification, compilation, etc. You can read more about it here: https://react.semantic-ui.com/.
-
Usually, you'll need to install third-party packages like react-bootstrap or reactstrap for you to fully get the benefits of Bootstrap components.
-
Project mention: [Gatsby] - This was my first Gatsby project | reddit.com/r/reviewmycode | 2021-11-15
There's absolutely nothing wrong with using CSS mixed with your components, but I would suggest (if you haven't already) looking into some alternatives, such as styled-components or Rebass. Not because one is "better" than the other, but it's something to add to your arsenal
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
Project mention: Feel like that studying as a self-taught is taking me further than studying at university | reddit.com/r/webdev | 2021-10-25
I started writing a long response, but I want to add that a simple CRA + JSS + TS (named exports only) stack solves or abstracts away most of these issues.
-
Project mention: WinBox - a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source | reddit.com/r/programming | 2021-10-17
We've had React95 for a while.
-
it's open-sourced and has about 4k stars on Github.
-
View on GitHub
-
-
-
View on GitHub
-
Project mention: Impressive React-Based Open Source Frameworks and Tools | reddit.com/r/reactjs | 2021-08-04
redocx
-
Open Components - Although this one technically supports client-side composition, the registry piece requires more backend services. It also allows server-side rendering, and seems to be well-supported over time. Their documentation setup seemed similar to single-spa in simple complexity and succinct, easy-to-understand documentation.
-
diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
I suggested one such idea (a diffing version of innerHTML) years ago to Mozilla. Ironically, the React team was against it and it fizzled out. In more ironic twists of events, someone eventually wrote a JS implementation of it: https://github.com/tbranyen/diffhtml/tree/master/packages/di... and nowadays people are talking about HTML-based rendering engines again, making this idea somewhat relevant once more.
To be fair to standards bodies, they have done some work. Element.append now exists to make hyperscripts a bit more straightforward, and a lot of reactivity semantics can be implemented on top of Proxy.
-
Catberry
Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.
-
You have managed to integrate Algolia with Nuxt 3 application. Well done! In this introduction article I wanted to focus on how easy it is to integrate these tools together thanks to the module but bare in mind that for the real application you would need a Vue component that would handle the search (for example https://github.com/algolia/vue-instantsearch that I will be integrating in the upcoming weeks) or your custom component but this should be a solid start for working with Algolia :)
-
16. Shards React
-
Github
-
Project mention: Uppy VS react-uploady - a user suggested alternative | libhunt.com/r/uppy | 2022-01-18
React-Uploady - Modern file-upload components & hooks for React.
-
JavaScript Components related posts
- 9 Ways You Can Use React Today in 2022
- Using Bootstrap in NextJS (No packages needed!)
- React - Preventing Form Submission
- React Libraries
- Bootstrap-vue Alternatives
- React State Museum - Examples to help portray the how, why, which, pros, and cons of various state management systems in the React ecosystem
- The Birth of PoemKit: React Toolkit for Building a Marvelous Website From Scratch
Index
What are some of the best open-source Component projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Next.js | 79,914 |
| 2 | Preact | 30,758 |
| 3 | framework7 | 16,592 |
| 4 | bootstrap-vue | 13,647 |
| 5 | semantic-ui-react | 12,604 |
| 6 | reactstrap | 10,221 |
| 7 | rebass | 7,586 |
| 8 | JSS | 6,598 |
| 9 | React95 | 4,922 |
| 10 | Keen-UI | 4,046 |
| 11 | ring-ui | 2,906 |
| 12 | Fela | 2,129 |
| 13 | vue-design-system | 2,073 |
| 14 | react-rainbow | 1,670 |
| 15 | redocx | 1,364 |
| 16 | oc | 1,211 |
| 17 | diffhtml | 806 |
| 18 | Catberry | 797 |
| 19 | vue-instantsearch | 796 |
| 20 | shards-react | 709 |
| 21 | design-system | 643 |
| 22 | react-uploady | 483 |
| 23 | uiengine | 356 |
Are you hiring? Post a new remote job listing for free.
