• Stars
    star
    460
  • Rank 95,202 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 10 years ago
  • Updated about 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Universal Starter Kit to build any javascript ES6 project/library runnable in nodejs and on any browser.

Universal Starter Kit to build any javascript ES6 project/library runnable in nodejs and on any browser

Build Status Dependency Status NPM version NPM downloads Donate MIT License

Introduction

javascript 2015/es6/next introduces a lot of new cool features unfortunately not yet available in the current modern browsers. This starter kit contains all the tools you need to let you run your ES6 code on any kind of platform.

Philosophy

Just use what you really need

This project doesn't rely on any build system tool like gulp, grunt, duo... By using the make file and customizing the tasks in the tasks folder you should be able to develop any kind of javascript project just fitting it to your needs

javascript ES6

import helpers from './helpers/helpers'

/**
 * @class
 * An awesome script
 */
class Greeter {
  constructor(name = 'Dear Coder', text = 'hi there') {
    this.name = name
    this.text = text
  }
  get message() {
    return `${this.text} ${this.name}!`
  }
  set message(text) {
    this.text = helpers.trim(text)
  }
}

export default Greeter
var greeter = new Greeter()

console.log(greeter.message) // -> "hi there Dear Coder!"
// these white spaces will be trimmed
greeter.message = '   goodbye         '
console.log(greeter.message) // -> "goodbye Dear Coder!"

Tools available

Usage

Once you've downloaded the files in this repo please run the following command in your terminal from the project folder (it may require sudo):

$ npm install

Browsing the make file you will find all the available terminal commands to compile/test your project. This file contains also the script name used for the output All the build tasks available are based on the native javascript promises so you will be able to chain and combine them as you prefer

If you have installed correctly all the nodejs modules you can start writing your javascript modules into the src folder of course using the awesome javascript es6 syntax.

Available tasks

Build and test

$ node make # or also `$ npm run default`

Convert the ES6 code into valid ES5 combining all the modules into one single file

$ node make build # or also `$ npm run build`

Run all the tests

$ node make test # or also `$ npm run test`

Start a nodejs static server

$ node make serve # or also `$ npm run serve`

To compile and/or test the project anytime a file gets changed

$ node make watch # or also `$ npm run watch`

Showcase

List of projects build with es6-project-starter-kit :

More Repositories

1

allora

Promisify using es6 Proxies every javascript API with less than 50 lines of code
JavaScript
679
star
2

Tocca.js

Super lightweight script (~1kb) to detect via Javascript events like 'tap' 'dbltap' 'swipeup' 'swipedown' 'swipeleft' 'swiperight' on any kind of device.
JavaScript
659
star
3

Vague.js

Vague.js is an experimental script that allows you to blur any kind of html element thanks to the SVG filters
JavaScript
604
star
4

icaro

Smart and efficient javascript object observer, ideal for batching DOM updates (~1kb)
JavaScript
572
star
5

jQuery.BlackAndWhite

Clientside grayscale images on any browser
JavaScript
311
star
6

jquery.html5loader

jQuery.html5Loader can preload images, SVGs, html5 video and audio sources, scripts, css, and text files.
JavaScript
302
star
7

parallax

ES6/ES2015 HW accelerated scrollable images parallax
JavaScript
276
star
8

go-observable

It allows you to send and receive events with a tiny simple API
Go
240
star
9

nodejs-MySQL-push-notifications-demo

Node server that is able to read from a MySql database and then stream those data via websocket to many client connected on the same page
JavaScript
106
star
10

nodejs-push-notification-server

Simple nodejs push notification server using socket.io
JavaScript
76
star
11

riot-app-example

Simple riotjs isomorphic app
JavaScript
76
star
12

animore

1kb script that will make your DOM state transitions smoother & easier
JavaScript
72
star
13

erre

Modern, performant and tiny (~0.5kb) streams script using generators for browsers and node.js
JavaScript
30
star
14

nodejs-arduino-example

Simple example to show how to use arduino to communicate digital signals to a nodejs server
JavaScript
25
star
15

cmt

Get rid of all the boring git commit messages like 'small fix'. cmt is an automatic git commit generator
JavaScript
18
star
16

site-under-construction

Simple splash page to use while a site is still under construction
CSS
17
star
17

fcf

Monadic Functional Control Flow Micro-Library for Javascript/Typescript
TypeScript
14
star
18

rawth

Pure functional isomorphic router based on streams
JavaScript
14
star
19

fortytwo

List of interactive prompt helpers to pimp the UIs of your haskell programs
Haskell
12
star
20

reactive-libs-bench

Benchmark tests to check some popular reactive libraries - raw tests no DOM involved
JavaScript
11
star
21

days-since-last-javascript-drama

Timer to track how many days passed since the latest Javascript drama
HTML
9
star
22

riot-preset-babel-test

JavaScript
8
star
23

threejs-amd-bootstrap

Simple and lite threejs bootstrap project build using requirejs
JavaScript
7
star
24

nisiu

Password manager written in Riot.js
HTML
6
star
25

i-got-ya

Stop fucking with my machine when I am not here :)
Go
6
star
26

the-cost-of-native-javascript-modules

The performance cost of native javascript modules
HTML
5
star
27

immutable-dom

Lock any HTML DOM Element 🔐
JavaScript
4
star
28

ruit

Functional tasks serialization mini script (0.3kb)
JavaScript
4
star
29

jquery-fitToParent

A jQuery plugin for proportionally scaling an element to its parent element. Useful for thumbnails and avatars.
JavaScript
4
star
30

package-requirejs

Generate a valid requirejs-config.js file automatically detecting all the package.json dependencies
JavaScript
4
star
31

riot-now-demo

Simple now riot component
3
star
32

Caronte.js

Simple javascript ajax file uploader script made for the modern browsers
JavaScript
3
star
33

EasyAnimationFrame

Using EasyAnimationFrame.js you can make html5 canvas or html animations having the complete control over the framerate.
JavaScript
3
star
34

riot-chrome-extension

riojs chrome extension example
JavaScript
3
star
35

rob

Personal projects generator written in haskell
Haskell
3
star
36

smell-of-funtional-programming

Demo code for the "Smell Of Functional Programming" presenation
JavaScript
3
star
37

SublimeText2-Parallel-Builder-Plugin

Sublime Text2 Plugin - It allows you to run more than one build command in Parallel
Python
3
star
38

gianlucaguarini.github.io

gianlucaguarini.github.io original source
HTML
3
star
39

cumpa

Minimal function composition implementation
JavaScript
2
star
40

riot-ssr-now

Simple riot example to demonstrate how to deploy on zeit.co
JavaScript
2
star
41

curri

Minimal curry implementation
JavaScript
2
star
42

mail-client-ui-demo

Simple Mail Client Demo with ~20 Javascript code
JavaScript
2
star
43

grunt-testardo

grunt plugin to test your project using testardo
JavaScript
2
star
44

html5-semantic

Meaningful HTML5 Designs - webzurich - 25.05.2020
2
star
45

the-colour-of-the-moment

Random colored image generator service written with go
Riot
2
star
46

executor

Haskell module to execute single or multiple shell commands
Haskell
1
star
47

amp-vs-pwa-vs-HTML

Simple Benchmark to check the speed of 3 different website types
HTML
1
star
48

the-fly

JavaScript
1
star
49

OSXKeyboard

Go helper script to detect the global keypress events on OSX
C
1
star