Axios is a simple promise based HTTP client for the browser and node.js. Axios provides a simple to use library in a small package with a very extensible interface.
— Permalink
JavaScript library for reorderable drag-and-drop lists
— Permalink
Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use,
Uppy is truly your best friend in file uploading.
— Permalink
Tiny (2 KB) turboboosted JavaScript library for creating user interfaces. - redom/redom
— Permalink
<p class="codepen" data-height="265" data-theme-id="light" data-default-tab="result" data-user="yuanchuan" data-slug-hash="YoqWeR" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Matrix digital rain (animated version)">
<span>See the Pen <a href="https://codepen.io/yuanchuan/pen/YoqWeR/">
Matrix digital rain (animated version)</a> by yuanchuan (<a href="https://codepen.io/yuanchuan">@yuanchuan</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
dygraphs is a fast, flexible open source JavaScript charting library.
It allows users to explore and interpret dense data sets.
The chart is interactive:
Features:
React components to create parallax scroll effects for banners, images or any other DOM elements. Uses a single scroll listener to add vertical or horizontal scrolling based offsets to elements based on their position in the viewport. Optimized to reduce jank on scroll and works with universal (server-side rendered) React apps.
— Permalink
You've been looking for a more sophisticated templating engine for JavaScript. Here it is.
A local development server that aims to make writing modular client-side apps with NPM + browserify fast and fun.
]]>PrimeReact is a collection of rich UI components for React. PrimeReact is a sibling of the popular PrimeNG (Angular) and PrimeFaces (JSF) components suites.
— Permalink
The file uploader that is always happy to see you.
Sleek, modular file uploader that integrates seamlessly with any website or app. It fetches files from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras etc, and then uploads them to the final destination. It’s fast, easy to use and let's you worry about more important problems than building a file uploader.
— Permalink
JavaScript SQL database for browser and Node.js.
Handles both traditional relational tables and nested JSON data (NoSQL).
Export, store, and import data from localStorage, IndexedDB, or Excel.
— Permalink
This is a full-featured CSV parsing tool running entirely on your brower. No data leave your computer ! Use it also to learn how to use our packages and to test the various options interactively.
— Permalink
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
— Permalink
Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application. A comprehensive set of strategies support authentication using a username and password, Facebook, Twitter, and more.
— Permalink
Bull is a Node library that implements a fast and robust queue system based on redis.
Although it is possible to implement queues directly using Redis commands, this library provides an API that takes care of all the low-level details and enriches Redis basic functionality so that more complex use-cases can be handled easily.
If you are new to queues you may wonder why they are needed after all. Queues can solve many different problems in an elegant way, from smoothing out processing peaks to creating robust communication channels between microservices or offloading heavy work from one server to many smaller workers, etc.
— Permalink
HTTP assertions made easy via superagent.
The motivation with this module is to provide a high-level abstraction for testing HTTP, while still allowing you to drop down to the lower-level API provided by superagent.
— Permalink
Moment-iterator is a moment-js addons, to iterate through date range, or create date range.
— Permalink
Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API. If you use Moment.js, you already know how to use Day.js.
— Permalink
Dunno why I bookmark this shit, maybe because someday I could need it.
— Permalink
react-developer-roadmap - Roadmap to becoming a React developer in 2018
— Permalink
Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser with support for symbolic computation, comes with a large set of built-in functions and constants, and offers an integrated solution to work with different data types like numbers, big numbers, complex numbers, fractions, units, and matrices. Powerful and easy to use.
— Permalink
Beautifully simple routing for React JavaScript projects. Lightweight and works well both on the browser and server.
— Permalink
components based on reactjs http://ant.design
— Permalink
CodeSandbox is an online editor that helps you create web applications, from prototype to deployment.
— Permalink
Think of it like you're just calling JavaScript functions. You can't put a for
loop inside a function call:
return tbody(
for (var i = 0; i < numrows; i++) {
ObjectRow()
}
)
But you can make an array, and then pass that in:
var rows = [];
for (var i = 0; i < numrows; i++) {
rows.push(ObjectRow());
}
return tbody(rows);
You can use basically the same structure when working with JSX:
var rows = [];
for (var i = 0; i < numrows; i++) {
// note: we add a key prop here to allow react to uniquely identify each
// element in this array. see: https://reactjs.org/docs/lists-and-keys.html
rows.push(<ObjectRow key={i} />);
}
return <tbody>{rows}</tbody>;
Incidentally, my JavaScript example is almost exactly what that example of JSX transforms into. Play around with Babel REPL to get a feel for how JSX works.
— Permalink
I work on a lot of Javascript projects. The fashion in Javascript is to use build tools like Gulp or Webpack that are written and configured in Javascript. I want to talk about the merits of Make (specifically GNU Make).
Make is a general-purpose build tool that has been improved upon and refined continuously since its introduction over forty years ago. Make is great at expressing build steps concisely and is not specific to Javascript projects. It is very good at incremental builds, which can save a lot of time when you rebuild after changing one or two files in a large project.
Make has been around long enough to have solved problems that newer build tools are only now discovering for themselves.
Despite the title of this post, Make is still widely used. But I think that it is underrepresented in Javascript development. You are more likely to see a Makefile in a C or C++ project, for example.
My guess is that a large portion of the Javascript community did not come from a background of Unix programming, and never had a good opportunity to learn what Make is capable of.
I want to provide a quick primer here; I will go over the contents of the Makefile that I use with my own Javascript projects.
— Permalink
This guide is intended to catch you up with the most important reasoning, terms, tools, and approaches to JavaScript testing in 2018.
— Permalink
Generate massive amounts of fake data in the browser and node.js
— Permalink
Instead of implementing XMLHttpRequest in Node.js to run browser-specific Fetch polyfill, why not go from native http to fetch API directly? Hence node-fetch, minimal code for a window.fetch compatible API on Node.js runtime.
See Matt Andrews' isomorphic-fetch or Leonardo Quixada's cross-fetch for isomorphic usage (exports node-fetch for server-side, whatwg-fetch for client-side).
— Permalink
SuperAgent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs. It also works with Node.js!
— Permalink
Aggregation is a very small JavaScript library for Node.js environments, providing just a single function, for use in ECMAScript 5/6 class inheritance based on mixins. It aggregates a base class and one or more mixin classes into an aggregate class, which then is usually subsequently used as the base class for another class.
— Permalink
mics (pronounce: mix) is a library that makes multiple inheritance in Javascript a breeze. Inspired by the excellent blog post “Real” Mixins with Javascript Classes by Justin Fagnani, mics tries to build a minimal library around the concept of using class expressions (factories) as mixins. mics extends the concepts presented in the blog post by making the mixins first-class citizens that can be directly used to instantiate objects and can be mixed in with other mixins instead of just with classes.
— Permalink
The truth is, ternaries are usually much simpler than if statements. People believe the reverse for two reasons:
Before we get into the details, let’s define a ternary expression:
A ternary expression is a conditional expression that evaluates to a value. It consists of a conditional, a truthy clause (the value to produce if the conditional evaluates to a truthy value), and a falsy clause (the value to produce if the conditional evaluates to a falsy value).
— Permalink
npm install -g
won't finish installs on WSL Ubuntu. What I did to fix this issue:
Extension for Visual Studio Code - Sublime Text's babel-sublime grammar in VS Code.
— Permalink
npm install legally -g # Make it work everywhere
legally # Check licenses of current directory
legally express # Check an npm library's licenses
]]>One of the biggest obstacles for adoption of Angular in the enterprise is technical, but not of the nature that one could expect.
It's hard to convince our boss to use Angular in our next project if we can't even install it in our own PC ;-) ! We would probably want to do an early demo or prototype to get things started.
But many companies have corporate proxies and security policies that make tools like npm hard to try out for the first time.
One of the biggest features of AngularJs is that it does not come necessarily with all the tooling ecosystem, and can be used via simple script tags. Angular 2 and beyond in principle can also, but we really want to use it together with Typescript, the Angular CLI, Webpack and all the tooling ecosystem.
— Permalink
The (many) reasons why you could not have JS.
— Permalink