Tips For a Better Redux Architecture: Lessons for Enterprise Scale

  • Redux (paired necessarily with React-Redux) is a great benefit for medium-to-large applications because it offers a convention for how data is fetched, consumed, passed from one component to another, and ultimately displayed in the UI.
  • With Redux handling the updates to the global application state React can focus wholly on presentation and the handling of user events through props alone.
  • The reason why Redux is used instead of local, ad-hoc changes within the presentation layer or some other centralized store where accessors can mutate state (like MobX, e.g.) is because these systems can inevitably leave data flow inconsistent across the application design translating to longer ramp-up time and more difficulty debugging.
  • Instead, action creators are used exclusively to post updates to the state so that components can remain totally agnostic to state schema design:

    The immediate benefit of constructing an application this way is the certainty that every component and its data flow is architected the exact same way.

  • The idea is to keep the application as decentralized as possible by allowing each Module to be responsible for its own feature requirements while at the same time keeping its data in the global store.

So you’ve decided to try out Redux as your application state manager. Or perhaps you’re investigating better options. Good for you. With Redux the good new.
Continue reading “Tips For a Better Redux Architecture: Lessons for Enterprise Scale”

AngularJS 2.0 From The Beginning

#AngularJS2.0 From The Beginning - Pipes - Day 8 by @debasiskolsaha cc @CsharpCorner

  • Now, in this article, I will discuss about pipes, one of the new flavors of Angular 2 architectures.
  • In Angular 2.0, the pipes are the modernized version of the filters.
  • x have been converted as pipes in Angular 2.0 with some new pipes.
  • The table given below shows a comparison of pipes or filters in both Angular 1.
  • Thus, in this article, we will discuss how to use Angular 2.0 predefined pipes and also discuss how to create a custom pipe in Angular 2.0.

In this article, we will discuss about pipes in Angular 2.0.
Continue reading “AngularJS 2.0 From The Beginning”

The Modern Application Stack – Part 4a: Building a Client UI Using Angular 2 (formerly AngularJS) and TypeScript

  • To start the continual transpilation of the Angular 2 code:

    Angular applications (both AngularJS and Angular2) are built from one or more, nested components – Mongopop is no exception:

    The main component ( contains the HTML and logic for connecting to the database and orchestrating its sub-components.

  • This table details what data is passed from down to each of its children and what data change events are sent back up to (and from there, back down to the other children):

    To recap, the files and folders covered earlier in this series:

    Now for the new files that implement the Angular client (note that because it must be downloaded by a remote browser it is stored under the folder):

    This is an imposing number of new files and this is one of the reasons that Angular is often viewed as the more complex layer in the application stack.

  • Following the imports, the decorator function takes a JSON object that tells Angular how to run the code for this module ( ) – including the list of imported modules, components, and services as well as the module/component needed to bootstrap the actual application ( ).
  • The Mongopop application uses two simple patterns when calling functions that return an Observable; the first is used within the components to digest the results from our own data service:

    In Mongopop’s use of Observables, we don’t have anything to do in the final arrow function and so don’t use it (and so it could have used the second pattern instead – but it’s interesting to see both).

  • The second pattern is used within the data service when making calls to the Angular 2 module (this example also shows how we return an Observable back to the components):

    The class hides the communication with the back-end REST API; serving two purposes:

    By adding the decorator to the class definition, any member variables defined in the arguments to the class constructor function will be automatically instantiated (i.e. there is no need to explicitly request a object):

    After the constructor has been called, methods within the class can safely make use of the data member.

This is the fourth in a series of blog posts examining technologies such as Angular that are driving the development of modern web and mobile applications.
Continue reading “The Modern Application Stack – Part 4a: Building a Client UI Using Angular 2 (formerly AngularJS) and TypeScript”

Learn the Concept of Streams in Node.js

Learn the Concept of Streams in Node.js  #AngularJS #php #emberjs

  • Streams in Node.js

    In Node.js, streams are the objects which help the developer read data from the file or write date to file present at a particular location on machine in a regular fashion.

  • Reading from a Stream

    In this case, we are going to read data from the file ‘inputFile.txt’ which is present at a particular location on the machine.

  • Now, create a Node.js project in eclipse with the name as ‘StreamsNodeJSApplication’ and add a js file with the name as When we execute the code present in the ‘file-stream-reader.
  • To write to a stream into a file ‘’,we are going to use the same Node.js project ‘StreamsNodeJSApplication’ and add a js file with the name as ‘file-stream-writer.
  • Output

    When we execute the code present in the ‘piping.js’ file by using the node command, we can observe the following output.

In this blog, we will discuss about the reader & the writer streams of Node.js along with their frequently emitted events which are emitted by these streams
Continue reading “Learn the Concept of Streams in Node.js”

Introduction to Angular 2 Webinar

  • Wintellect’s Eric Greene presented a live webinar this week an “Introduction to Angular 2” which included live coding demos.
  • Angular 2 is the latest JavaScript UI framework for building cross-platform, single page applications.
  • Utilizing TypeScript, the concepts of Web Components, Reactive programming with Observables, and advanced change detection powered by Zones – Angular 2 is the most cutting edge framework available today.
  • Eric covered the differences between Angular 1 and 2 as well as a live coding session for the essentials of building components, building templates, data binding and handling events.
  • If you are interested in learning more about our Angular On-Demand Online training, Instructor-led training, or Angular consulting for your business, please send us an email.

Wintellect’s “Introduction to Angular 2” is a free one-hour webinar giving you an overview and coding demo jump start your angular development. Watch here.
Continue reading “Introduction to Angular 2 Webinar”

Tips For a Better Redux Architecture: Lessons for Enterprise Scale

  • Redux (paired necessarily with React-Redux) is a great benefit for medium-to-large applications because it offers a convention for how data is fetched, consumed, passed from one component to another, and ultimately displayed in the UI.
  • With Redux handling the updates to the global application state React can focus wholly on presentation and the handling of user events through props alone.
  • The reason why Redux is used instead of local, ad-hoc changes within the presentation layer or some other centralized store where accessors can mutate state (like MobX, e.g.) is because these systems can inevitably leave data flow inconsistent across the application design translating to longer ramp-up time and more difficulty debugging.
  • Instead, action creators are used exclusively to post updates to the state so that components can remain totally agnostic to state schema design:

    The immediate benefit of constructing an application this way is the certainty that every component and its data flow is architected the exact same way.

  • The idea is to keep the application as decentralized as possible by allowing each Module to be responsible for its own feature requirements while at the same time keeping its data in the global store.

So you’ve decided to try out Redux as your application state manager. Or perhaps you’re investigating better options. Good for you. With Redux the good new.
Continue reading “Tips For a Better Redux Architecture: Lessons for Enterprise Scale”

Build Mobile App

  • Looking to hire someone who has experience in making hybrid mobile apps with data from API.
  • API is well documented and has sample code from [url removed, login to view]

    Please don’t bid if you have not done any work in the past.

  • This is going to be an ongoing hourly work and no exception.
  • The first task will be to create an app to book reservations for car service company similar to this app with auto complete from google maps.
  • After this another task will be given.

HTML5 & CSS Projects for $9. (Read before you bid) Looking to hire someone who has experience in making hybrid mobile apps with data from API. API is well documented and has sample code from Apiary.io Please don’t bid if you …
Continue reading “Build Mobile App”