All Projects → hodgef → Js Library Boilerplate

hodgef / Js Library Boilerplate

Licence: mit
Javascript Starter Boilerplate - Webpack 4, Babel 7, UMD, Hot Reloading, and more

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
Build Status Publish Status

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:

  1. Edit LICENSE file
  2. Edit package.json information (These will be used to generate the headers for your built files)
  3. Edit library: "MyLibrary" with your library's export name in ./config/webpack.config.js
  4. Edit ./bin/postinstall (If you would like to display a message on package install)

🚀 Deployment

  1. npm publish
  2. 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!

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].