hodgef / Js Library Boilerplate
Licence: mit
Javascript Starter Boilerplate - Webpack 4, Babel 7, UMD, Hot Reloading, and more
Stars: ✭ 202
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Js Library Boilerplate
Js Library Boilerplate Basic
Javascript Minimal Starter Boilerplate - Webpack 5 🚀, Babel 7, UMD, Unit Testing
Stars: ✭ 354 (+75.25%)
Mutual labels: webpack, webpack4, babel, starter-kit, boilerplate, javascript-library
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (+13.37%)
Mutual labels: webpack, webpack4, babel, starter-kit, boilerplate
Frontend Boilerplate
An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.
Stars: ✭ 224 (+10.89%)
Mutual labels: webpack, webpack4, babel, boilerplate
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+9170.79%)
Mutual labels: webpack, babel, starter-kit, boilerplate
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-30.2%)
Mutual labels: webpack, babel, starter-kit, boilerplate
Webpack Starter
✨ A lightweight foundation for your next webpack based frontend project.
Stars: ✭ 1,745 (+763.86%)
Mutual labels: webpack, babel, starter-kit, boilerplate
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✭ 1,633 (+708.42%)
Mutual labels: webpack, babel, starter-kit, boilerplate
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+402.97%)
Mutual labels: webpack, webpack4, babel, boilerplate
Minimal React Webpack Babel Setup
The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?
Stars: ✭ 777 (+284.65%)
Mutual labels: webpack, webpack4, babel, boilerplate
React Starter Kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: ✭ 21,060 (+10325.74%)
Mutual labels: webpack, babel, boilerplate, starter-kit
Webpack Boilerplate
A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board
Stars: ✭ 404 (+100%)
Mutual labels: webpack, webpack4, babel, boilerplate
Styled React Boilerplate
Minimal & Modern boilerplate for building apps with React & styled-components
Stars: ✭ 198 (-1.98%)
Mutual labels: webpack, webpack4, babel, boilerplate
Frontie Webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
Stars: ✭ 102 (-49.5%)
Mutual labels: webpack, webpack4, babel, boilerplate
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-28.71%)
Mutual labels: webpack, babel, starter-kit, boilerplate
Serverless Prisma
AWS Serverless Prisma Boilerplate
Stars: ✭ 126 (-37.62%)
Mutual labels: webpack, babel, boilerplate
Typescript Webpack React Redux Boilerplate
React and Redux with TypeScript
Stars: ✭ 182 (-9.9%)
Mutual labels: webpack, babel, boilerplate
Preact Minimal
🚀 Minimal preact structure
Stars: ✭ 136 (-32.67%)
Mutual labels: webpack, babel, starter-kit
Reactly Starter Kit
Deployable React + Webpack 2 starter kit
Stars: ✭ 122 (-39.6%)
Mutual labels: webpack, babel, starter-kit
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (-33.66%)
Mutual labels: webpack, babel, boilerplate
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (-31.19%)
Mutual labels: webpack, starter-kit, boilerplate
Javascript Library Boilerplate
Library Starter Kit for your Javascript projects
This is a more robust library boilerplate. For a minimal alternative, check out js-library-boilerplate-basic.
⭐️ Features
- Webpack 5
- Babel 7
- Hot Reloading (
npm start
) - CSS Autoprefixer
- SASS/SCSS support
- UMD exports, so your library works everywhere.
- Based on CRA v4.0.2 (For Vanilla JS libs or React libs)
- Jest unit testing
-
npm run demo
To build a ready-for-deployment demo (Example) - Customizable file headers for your build (Example 1) (Example2)
- Configurable
postinstall
message (Example) - Daily dependabot dependency updates
📦 Getting Started
git clone https://github.com/hodgef/js-library-boilerplate.git myLibrary
npm install
💎 Customization
Before shipping, make sure to:
- Edit
LICENSE
file - Edit
package.json
information (These will be used to generate the headers for your built files) - Edit
library: "MyLibrary"
with your library's export name in./config/webpack.config.js
- Edit
./bin/postinstall
(If you would like to display a message on package install)
🚀 Deployment
npm publish
- Your users can include your library as usual
npm
import MyLibrary from 'my-library';
import 'my-library/build/index.css' // If you import a css file in your library
let libraryInstance = new MyLibrary();
...
self-host/cdn
<link href="build/index.css" rel="stylesheet">
<script src="build/index.js"></script>
let MyLibrary = window.MyLibrary.default;
let libraryInstance = new MyLibrary();
...
✅ Libraries built with this boilerplate
Made a library using this starter kit? Share it here by submitting a pull request!
- hovercard - Wikipedia summary cards for the web
- perfect-immutable - Library to provide immutable methods
- react-simple-keyboard - React Virtual Keyboard
- redux-better-promise - Simple and powerful redux middleware
- redux-breeze - Powerful redux wrapper
- regex-colorizer - Highlighter for Javascript regex syntax
- simple-keyboard - Javascript Virtual Keyboard
- simple-keyboard-layouts - Layout kit for simple-keyboard
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].