Riot lets you build user interfaces with custom tags using simple and enjoyable syntax. It uses a virtual DOM similar to React but faster. Riot is very tiny compared to industry standards. We think there is a clear need for another UI library.
Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 API. As a frequent user of React, I’d always wanted to try out Preact and see what it offers…
In this article we will take an in-depth look at the differences and similarities between Marko and React from the perspective of the maintainers of Marko. Example • Similarities • Differences Syntax…
A UI library that allows you to break your application into components that are self-contained and describe how the application view changes over time and in response to user actions. Marko uses the HTML-JS syntax, rather than the JSX syntax offered for React.
Mithril positions itself as a compact but powerful modern client-side JavaScript framework. In this tutorial, we are going to use Mithril to build a fairly complex web interface to store data about conferences and authenticate it with Auth0.
Mithril is a marvelously tiny JavaScript library by Leo Horie. The functionality it provides works best when it is used as a complete framework. I found the fundamentals of Mithril’s rendering system to be a challenge to my basic assumptions about how a JavaScript application works. I think playing with real, running code is the best way to undertsand it.
Mithril.js is a small (7kb) and fast, classical MVC JavaScript framework. It encourages an architecture similar to Angular.js, and uses a virtual DOM like React.js, all while avoiding the need for libraries like jQuery. Mithril's small size and API makes it ideal for embedded JavaScript widgets and user interfaces that have high performance requirements.
Mithril is a modern client-side Javascript framework for building Single Page Applications. It's small (< 8kb gzip), fast and provides routing and XHR utilities out of the box.
React's future is going to be more functional, and less OOP. What if that future is already reality? How would it look like? React's foundations are reactive...
This lesson shows what can be learned next as a continuation of this course, and gives a recap on the core concepts: main for pure logic, drivers for side effects, run() to connect main and drivers, sources for read effects, sinks for write effects, and nesting Cycle.js apps to work as components.
Nick Johnstone on what makes Cycle special, the two-year long ‘weekend project’, great community engagement, and the future of programming. I came across Cycle while looking for a JavaScript…
Continuing on from my previous article Want to learn JavaScript in 2015 / 2016. I’m going to walk you through what else I’ve been up to in the world of Javascript. Initially I’d planned to talk about…
There’s one question that comes up again and again on stackoverflow. The question is about ngDoCheck lifecycle hook that is triggered for a component that implements OnPush change detection strategy…
As developers, we aim to use existing libraries in order to avoid reinventing the wheel. Unfortunately, Angular is still relatively young, and we cannot find an Angular component for everything we…
XSS is one of the attacks that can affect your website. In order to cope with the attack, Angular implements concepts that keep the developers from making mistakes and opens a window to a security…
How to communicate between components? This is the topic I saw many new Angular developers to struggle with. I will show you 3 most common approaches with examples that fits different use cases.
These are 3 situations that we can come across while building Angular apps using RxJs. We are going to go over why the issue happens and how to fix it.
When subscribing to observables it’s key to manage your subscriptions. An observable execution can run for an infinite amount of time and therefore we need a way to stop it from executing. If we keep…
This post is about an experimental approach and I am sure there are other approaches for solving a similar problem. If so, please comment on this article. Demo…
The ngrx team decided that we don’t need middleware anymore, in most cases, we can use meta-reducers to achieve the same effects. higher order function is a function that may receive a function as…
TL;DR: Curious about error handling? Scroll down to the final approach and/or check out the example project. Angular 2 is a great framework that provides nice tools to create awesome component-based…
This article will use the code which I previously wrote as a starting point. To see where we’re coming from, check my article, or check the full code in my repository. If you ever built a slightly…
Dan Wahlin will walk us through integrating Angular with RESTful services using RxJS and Observables. For those of you who don't know Dan - he is the founder...
Async programming is not easy but Reactive Programming can help. Using Observables, we will learn how to handle all forms of async data. From user input to A...
Reactive programming principles are continuing to spread across the web as developers look for ways to increase productivity and code quality. Learn about ho...
Web components are made up of 4 separate specs, custom elements, shadow DOM, HTML imports, and the template tag. For the purposes of this article we will focus specifically on custom elements.
Here we will be creating a simple Angular application with the help of Angular CLI, This will be the building block to more robust applications with Angular
In this article, we will cover the top common mistakes, and we will understand how to fix them. Each of those can be an idea to a full article. We will cover them briefly but in an exhaustive manner.
Angular (aka Angular 2, 4…) is a new framework completely rewritten from the ground up, replacing the now well-known AngularJS framework (aka Angular 1.x). More that just a framework, Angular should…