JavaScript for Line of Business Applications

React in a way, resembles Angular directives but that’s all there is: these directives. In React, they’re called “Components”. When creating a component, certian methods are run (if available). The main one is render which uses data that React exposes (like state, props, etc. more on that later) and uses it to build a fake DOM using “JSX”.

The beauty of ReactJS is its one-way flow which is easier to follow and understand. There is no $digest nor any way to setup $watch. But let’s look at all the cool things about React first:...

Integrate React.js with Ruby on Rails to build web apps

Summarizing, the application will behave as follows:

• When the user creates a new record through the horizontal form, it will be appended to the records table
• The user will be able to inline-edit any existing record
• Clicking on any Delete button will remove the associated record from the table
• Adding, editing or removing an existing record will update the amount boxes at the top of the page

In our fast-changing world, technology is rapidly taking giant leaps forward. For the people who are just beginning to take part in this new “gold rush” of web development, it is sometimes inevitable to feel a sense of desperation of not being able to keep up with the evolution. In this article, I will attempt to give a brief overview of one of the most-adored features of Facebook’s Reactframework—isomorphism(a.k.a. server side rendering).

This is the first blog post of the series “Flux in Depth”. Is this “yet the another flux tutorial”? What I have seen so far, while researching flux, were mostly “how-to” tutorials (usually with todo applications), which describe the main components of given flux application and the data flow between them. This is definitely useful for getting a high-level overview of how everything works but in reality there are plenty of other things, which should be taken under consideration. In this series of posts I will try to wire theory with practice and state my own solutions of problem I face on daily basis. Since these solutions might not be perfect, I’d really appreciate giving your opinion in the comments section below.

AngularJS Tutorial for beginners - Learn AngularJS in simple and easy steps starting from Overview, Environment Setup, MVC Architecture, First Application, Directives, Expressions, Conrollers, Filters, Tables, HTML DOM, Modules, Forms, includes, Ajax, Views, Scope, Services, Dependency Injection, Custom Directives, Internalization

What is Meteor? Meteor.js is an open-source platform built on Node and MongoDB. It’s not just a framework, it’s more than that. Is it comparable to Angular? Angular handles just the frontend parts of application. Meteor is more of a platform than Angular. It is both server and client-side code and handles a lot of […]

#0 Series Introduction - AngularJS For Everyone
#1 Two-way Data Binding - AngularJS For Everyone
#2 Repeating Over Data With ng-repeat - AngularJS For Everyone
#3 Basic Filtering In Angular - AngularJS For Everyone
#4 Our First Controller - Angular For Everyone
#5 Adding A Form Event - Angular For Everyone
#6 Controller As Syntax - AngularJS For Everyone
#7 Using Filters In Angular Templates - AngularJS For Everyone
#8 Conditional Classes With ngClass - AngularJS For Everyone
#9 ngIf vs ngShow & ngHide - AngularJS For Everyone
#10 Properly Including Images With ngSrc - AngularJS For Everyone
#11 Including Templates and Inline SVG with ngInclude - AngularJS For Everyone
#12 Adding External Modules - AngularJS For Everyone
#13 Animating With Angular Part 1 - AngularJS For Everyone

About two months ago, I wrote about how to use EmberJS without a back-end. Today, I'd like to share how I implemented the same principle for the Ember-CLI.

In short: the principle is the same as before, but this time instead of using Grunt I'll use Broccoli. Each blog post is written as .md mixed YAML/markdown and converted to a JSONfile using Broccoli. In Ember, I use a simple jQuery getJSON() to load the data and hand it back the jQuery promise as a "model".

This article will give you an overview of how to build JavaScript applications with the Flux pattern. It's the minimal amount of material to get you familiar with the core Flux concepts. You should follow along with the accompanying starter kit. You'll need a basic understanding of React and preferably some experience building components. 

One of the biggest and most common problems in front-end web development is state management. A developer is constantly focused on keeping the state object in sync with its view and the DOM representation. Users can interact with the application in many ways and it's a big task to provide a clean transition from one view state to another.

We will see how using React JavaScript library can help us reduce application complexity and off-load UI transitions from our application.

The goal of this tutorial is to guide you through the creation of a Reddit/Hacker News clone using the MEAN stack. By completing this tutorial, you will gain a basic understanding of the MEAN stack including building a REST interface with Express.js on top of Node.js and using that interface to perform CRUD operations on a database via an AngularJS frontend.