JavaScript for Line of Business Applications
562.3K views | +77 today
Follow
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...
Scoop.it!

Git Rebasing: An Elfin Workshop Workflow

Git Rebasing: An Elfin Workshop Workflow | JavaScript for Line of Business Applications | Scoop.it

This year Santa’s helpers have been tasked with making a garland. It’s a pretty simple task: string beads onto yarn in a specific order. When the garland reaches a specific length, add it to the main workshop garland. Each elf has a specific sequence they’re supposed to chain, which is given to them via a work order. (This is starting to sound like one of those horrible calculus problems. I promise it isn’t. It’s worse; it’s about Git.)

more...
No comment yet.
Scoop.it!

Angular-Typescript Boilerplate

Angular-Typescript Boilerplate | JavaScript for Line of Business Applications | Scoop.it

Tiny Angular version 1 app written in Typescript with modularized Gulp tasks. Perfect as boilerplate.

more...
No comment yet.
Scoop.it!

Idiomatic React aims to be the simplest API-centric Flux app

Idiomatic React aims to be the simplest API-centric Flux app | JavaScript for Line of Business Applications | Scoop.it

It's complemented by Idiomatic React Chat (on the branch chat of this repository), implementing Facebook's Flux Chat app.

Features
  • Routing, with stateful navigation bar
  • ES6/ES7 transpilation to ES5, allowing ES6 constructs and ES7 await/async in the code
  • REST API adapter to I/O data, bufferring in stores
  • Immutable stores
Motive

Considering the frequent mutation of technology happening on the React scene, we believe developers might feel the need for a simple, idiomatic app reflecting the current state of the technology and techniques, be it for bootstrapping awesome apps, or simply to improve their skills.

This project aims to be simple and idiomatic. We're not there yet, and we rely heavily on contributors (on you !) to make this happen.

more...
No comment yet.
Scoop.it!

Deku: How we built our functional alternative to React

Deku: How we built our functional alternative to React | JavaScript for Line of Business Applications | Scoop.it

Deku is our library for building user interfaces. It supports many of the features you’re familiar with in React but aims to be small and functional. You define your UI as a tree of components and whenever a state change occurs it re-renders the entire tree to patch the DOM using a highly optimized diffing algorithm.

The whole library weighs in at less than 10kb and is easy to follow. It’s also using npm so some of those modules are probably being used elsewhere in your code anyway.

It uses the same concept of components as React. However, we don’t support older browsers, so the codebase is small and component API is almost non-existent. It even supports JSX thanks to Babel.

Jan Hesse's insight:

https://github.com/segmentio/deku

more...
No comment yet.
Scoop.it!

The Isomorphic Express Boilerplate

The Isomorphic Express Boilerplate | JavaScript for Line of Business Applications | Scoop.it

Isomorphic means that it's designed to run a lot of the same code on both the client and the server. Typically that includes a lot of rendering and domain logic. (Not to be confused with isomorphisms from category theory / functional programming. That's a totally different thing.)

There are many advantages to building apps this way, but the primary advantages are:

  • Cross-functional teams. Since everything is written in JavaScript, it's easier to build teams who know how to work on both the client and server sides of the app.
  • Write once, run everywhere. With the exception of a few library substitutions and browser polyfills, the code is shared, which means you have to write about half the code you'd write working on a non-isomorphic app.
  • More productive developers. Since the app is more consistent across the stack, there's no context switching when you need to maintain application behavior on both sides of the stack. Write the behavior once, and you're done. Context switching slows developers down significantly.
more...
No comment yet.
Scoop.it!

T3 JavaScript Framework

T3 JavaScript Framework | JavaScript for Line of Business Applications | Scoop.it

T3 is different than most JavaScript frameworks. It's meant to be a small piece of an overall architecture that allows you to build scalable client-side code. A T3 application is managed by theApplication object, whose primary job is to manage modules, services, and behaviors. It's the combination of these three types of objects that allow you to build a scalable JavaScript front-end.

T3's design enforces best practices such as loose coupling by limiting how certain components can communicate with each other. Modules cannot interact directly with other modules but may communicate with them through an event bus. Modules may use services directly, but may only reference behaviors in a declarative way. These restrictions ensure that the various pieces remain loosely-coupled to make dependency management easy and maintenance self-contained.

The loosely-coupled nature of T3 components means that creating tests is easy. Dependencies are injected into each component, making it trivial to substitute a mock object in place of real ones.

Jan Hesse's insight:

https://github.com/box/t3js

more...
No comment yet.
Scoop.it!

paperclip.js - reactive DOM template engine built for speed, and extensibility

paperclip.js - reactive DOM template engine built for speed, and extensibility | JavaScript for Line of Business Applications | Scoop.it

Paperclip is a reactive template engine that compiles HTML to DOM. All optimizations happen at compile time, so you can expect snappy and efficient user interfaces across desktop, and mobile devices.

more...
No comment yet.
Scoop.it!

Git from the inside out

Git from the inside out | JavaScript for Line of Business Applications | Scoop.it

This essay explains how Git works. It assumes you understand Git well enough to use it to version control your projects.

The essay focuses on the graph structure that underpins Git and how the properties of this graph dictate Git’s behavior. This focus on fundamentals lets you build your mental model on the truth, rather than on hypotheses constructed from evidence gathered while experimenting with the API. This truer model gives you a better understanding of what Git has done, what it is doing, and what it will do.

more...
No comment yet.
Scoop.it!

Brisket - Isomorphic Javascript Framework by Bloomberg

Brisket - Isomorphic Javascript Framework by Bloomberg | JavaScript for Line of Business Applications | Scoop.it

"best perceived speed, the greatest code freedom, and the strongest search engine optimization"

Brisket is a framework for building single page web apps using isomorphic JavaScript. A Brisket app is both a traditional web site AND a single page web application at the same time. Brisket provides the tools that you need to spend your time focusing on your application's logic rather than on "what environment is my code running in?".

Jan Hesse's insight:

http://www.bloomberg.com/company/2015-03-24/bloomberg-weve-made-brisket-can-make-anything/

more...
No comment yet.
Scoop.it!

The 10 Things Everyone does Wrong when Committing Pull Requests

The 10 Things Everyone does Wrong when Committing Pull Requests | JavaScript for Line of Business Applications | Scoop.it

So, you’ve found a nice Open Source project that has added great value to your own work and you want to give back.

Before we move on, let me stress that this isn’t anything personal. This article doesn’t criticise anyone particular, and the ranty tone is just for your reading entertainment. I do not want to discourage you from contributing at all, neither to our own work, nor to any other product. Open Source works also because of your enthusiasm.

more...
No comment yet.
Scoop.it!

Reapp - a new way to build apps with React and JavaScript.

Reapp - a new way to build apps with React and JavaScript. | JavaScript for Line of Business Applications | Scoop.it

Reapp is everything you need to build amazing apps with React: a collection of packages that work together, our UI kit, and a CLI that scaffolds your app and includes a server and build system.

Jan Hesse's insight:

https://github.com/reapp

more...
No comment yet.
Scoop.it!

turbo-react: turn your AJAX Html response into a diff operation for nice page transitions with ReactJS

turbo-react: turn your AJAX Html response into a diff operation for nice page transitions with ReactJS | JavaScript for Line of Business Applications | Scoop.it

turbo-react applies only the differences between two HTML pages when navigating with links rather than create a new document, which enables CSS transitions between pages without needing a server.

more...
No comment yet.
Scoop.it!

A simple isomorphic javascript blog with React and Nodejs

Techs

A short list of the frameworks/libraries involved in the project.

React components and Flux architecture

The app (try to) follow the React/Flux architecture. So all the code is divided into: actions,dispatcherstores and views.

Maybe I didn't always follow the pattern so strictly, as you will see after with stores, but I did my best to be clear.

more...
No comment yet.
Scoop.it!

Yeoman generator for ReactJS and Webpack

Yeoman generator for ReactJS and Webpack | JavaScript for Line of Business Applications | Scoop.it

Yeoman generator for ReactJS - lets you quickly set up a project including karma test runner and Webpack module system.

more...
No comment yet.
Scoop.it!

TodoMVC written with React and jsx-typescript

TodoMVC written with React and jsx-typescript | JavaScript for Line of Business Applications | Scoop.it

TodoMVC implementation built on top of React with JSX-TypeScript

more...
No comment yet.
Scoop.it!

Essence - the essential Material Design Framework

Essence - the essential Material Design Framework | JavaScript for Line of Business Applications | Scoop.it

Essence is a CSS framework that implements the guidelines from Google Material Design Specification using Facebook's react.js library. Use it to easily build super-fast and great looking web & mobile interfaces.

Jan Hesse's insight:

https://github.com/PearlVentures/Essence

more...
No comment yet.
Scoop.it!

Vorlon.JS by Microsoft - test and debug JavaScript on any device

Vorlon.JS by Microsoft - test and debug JavaScript on any device | JavaScript for Line of Business Applications | Scoop.it

An open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io.

more...
No comment yet.
Scoop.it!

Adding authentication to your React Flux app

Adding authentication to your React Flux app | JavaScript for Line of Business Applications | Scoop.it

However, once you start creating a bigger app, you realize that just using React isn’t enough. So you start looking at Flux, which is the architecture Facebook uses to create React apps.

As we learned in a previous blog post, learning how to conduct authentication in a Single Page App can get super complex. We had to learn about tokens, JWTs and how to integrate them with SPAs. Learning how to do it with Flux is even harder! That’s why in this blogpost we’ll learn how to add authentication to a React Flux app.

Jan Hesse's insight:

https://github.com/auth0/react-flux-jwt-authentication-sample

more...
No comment yet.
Scoop.it!

flux-comparison - Practical comparison of different Flux solutions

flux-comparison - Practical comparison of different Flux solutions | JavaScript for Line of Business Applications | Scoop.it

Flux Comparison by Example
Similar app implemented with different Flux solutions including Facebook's, Yahoo's and others.

Jan Hesse's insight:

http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example

more...
No comment yet.
Scoop.it!

mesh.js - common, streamable interface for synchronizing data

mesh.js - common, streamable interface for synchronizing data | JavaScript for Line of Business Applications | Scoop.it

Mesh is a universal interface for communicating with data sources whether it's your API, mongodb, pubnub, webrtc, socket.io, redis, or local storage. Easily build sophisticated features such as offline-mode, realtime data, rollbacks, and more with little effort.

Mesh is entirely customizable, and doesn't make assumptions about how a data source works. You can easily build your own API adapter that's interoperable with all the other mesh plugins.

more...
No comment yet.
Scoop.it!

LazoJS - 100% SEO compliant; single code base; client, server framework with optimized time to render.

LazoJS - 100% SEO compliant; single code base; client, server framework with optimized time to render. | JavaScript for Line of Business Applications | Scoop.it

A client-server web framework built on Node.js that allows front-end developers to easily create a 100% SEO compliant, component MVC structured web application with an optimized first page load.

more...
No comment yet.
Scoop.it!

Awesome React

Awesome React | JavaScript for Line of Business Applications | Scoop.it
awesome-react - A collection of awesome React libraries, resources and shiny things.
more...
No comment yet.
Scoop.it!

React: Create maintainable, high-performance UI components

React: Create maintainable, high-performance UI components | JavaScript for Line of Business Applications | Scoop.it

Go beyond the browser DOM with the React JavaScript library for maintainable web UIs

Start using React, an open source JavaScript library for easily creating UI view components and composing them to form modern web UIs. Follow this tutorial's examples to learn prescribed best practices for crafting React components in a maintainable and reusable manner.

Jan Hesse's insight:

https://github.com/Sing-Li/react-starter

more...
No comment yet.
Scoop.it!

I wrote a JavaScript study guide

I wrote a JavaScript study guide | JavaScript for Line of Business Applications | Scoop.it

JavaScript is a disgusting language. But I love it!

It’s riddled with awful parts, was put together in 10 days, and now we have to suffer for the next 20 years (it turns 20 in a few months).  However, it’s also the duct tape of the internet, and it works just about anywhere that there is a browser. It’s also perhaps the most misunderstood language.

At hackathons, I see tons of students trying to get started with JavaScript, as they are trying to write web apps or cross platform mobile ones, and they often get caught on simple things. For that reason, I’ve put together a JavaScript study guide.

more...
Steven Hill's curator insight, March 10, 2015 11:12 AM

This is something I would like to explore.

Scoop.it!

Ember.JS Links - A curated list of Ember resources.

Ember.JS Links - A curated list of Ember resources. | JavaScript for Line of Business Applications | Scoop.it
A curated list of useful EmberJS links.
more...
No comment yet.