background preloader


Related:  FRAMEWORKS & LIBRARIES JavaScriptJavascript

Instant Loading Web Apps With An Application Shell Architecture — Google Developers Instant Loading Web Apps With An Application Shell Architecture By Addy Osmani & Matt Gaunt Progressive Web Apps (PWAs) describe how a web app can progressively change with use and user consent to give the user a more native-app-like experience with offline support, push notifications and being installable to the home-screen. They can also gain substantial performance benefits thanks to intelligent service worker caching of your UI shell for repeat visits. This allows you to focus on speed, giving your web apps the same instant loading and regular updates you’re used to seeing in native applications. It’s all possible using an Application Shell architecture — a companion to this new way of thinking.

15 Interesting JavaScript and CSS Libraries for March 2017 Danny Markov Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. Propeller Bacon.js blog: Bus of Doom In a previous Bacon blog post a way to structure Bacon application was outlined. It introduces Buses as a central way to glue components with each other. I'm in a very strong disagreement with the proposed style. Why? Subjects are the "mutable variables" of the Rx world and in most cases you do not need them.

Next.js We're very proud to open-source Next.js, a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel, which powers this very site! The "Hello World" of Next.js To start using it, run inside a new directory with a package.json: $ npm install next --save $ mkdir pages Populate pages/index.js: import React from 'react' export default () =><div>Hello world! Bacon.js Bus and the bumpy road by Vesa Piittinen on CodePen Last autumn at work we had a need to kickstart responsive version of our site. Due to not having enough developers in our team to do that on our own, being busy with another essential requirement for the responsive website, we ended up hiring two consults to help develop the responsive site with a few additional members from other teams. This decision had it's good parts but it also had it's bad sides. We wanted a Node.js app developed in React.

Make Your Website Interactive and Fun with Velocity.js (No jQuery) — SitePoint Special thanks from me go to James Hibbard and the developers behind Velocity for reviewing this article. Also to users and developers who contribute and have contributed to Velocity over the years. In this article I introduce Velocity.js, a fast and high-powered JavaScript animation engine by Julian Shapiro. By the time you go through all the demos, you’ll be able to use Velocity.js to create your own animations and make your website more interactive and user-friendly. All of this without using jQuery, just vanilla JavaScript. Databases are dead, long live the immutable state atom! – Dominic's Site As an app developer, I've always had a dislike of databases, and I've always had this feeling that the best thing would be to not have a database at all, and to just let the program memory be the database, since modifying program state is an order of magnitude simpler than having to do database queries/updates, and having to shuttle program state back and forth between the client program and the database. Some Great Resources Unfortunately, I could never figure out how to solve the obvious problems with that simpler approach, until I recently found these four separate resources that illuminated the path for me:

Plug and Play All Your Observable Streams With Cycle.js The Inner Workings of Cycle.js The core of Cycle.js is incredibly small but highly efficient to meet the demand for modeling flow of data and dealing with the communication between the application and the outside world. With Cycle.js, your program is a closed world, but obviously, if nothing comes in or out of the program, it is useless. Cycle.js provides a simple and ingenious way to compose your program’s interaction with the outside world while maintaining a true separation of concerns. A Cycle.js program’s entry point is called main(). Mixins Are Dead. Long Live Composition Mixins Are Dead. Long Live Composition When React 0.13 came out, everybody freaked out.The introductory post made it clear that mixins are on their way out: Unfortunately, we will not launch any mixin support for ES6 classes in React. That would defeat the purpose of only using idiomatic JavaScript concepts.

Transducers.js Round 2 with Benchmarks A few weeks ago I released my transducers library and explained the algorithm behind it. It's a wonderfully simple technique for high-performant transformations like map and filter and was created by Clojure (mostly Rich Hickey I think). Over the past week I've been hard at work polishing and benchmarking it. Today I published version 0.2.0 with a new API and completely refactored internals that make it easy to use and get performance that beats other popular utility libraries. (This is a different library than the recently released one from Cognitect) A Few Benchmarks#