Don’t blame the framework: my experience with AngularJS and ReactJS

Don't blame the frameworks! #React vs #AngularJS - Choose your favorite poison.

  • what still counts the most for a maintainable project is the developers’ commitment to write good and organized code.’
  • Most things that I complained about in the beginning were either because I was forcing the React way of doing things to Angular code or because I wasn’t experienced enough.
  • React components get data from the store directly and change the state by calling actions: it’s simple, elegant and prevents you from becoming insane.
  • When you meet redux/react together, the data communication between components is crazy simple you never think.
  • For me the main benefit of using these frameworks in a team is that you are all sticking to the same conventions.

Here are the key impacts in the long run of choosing between AngularJS and ReactJS, from a seasoned developer’s perspective.
Continue reading “Don’t blame the framework: my experience with AngularJS and ReactJS”

Angular 2

  • We found out that your browser is a little bit old!
  • Unfortunately we are not supporting this browser.
  • Please use one of the browsers below:
  • Chrome
  • Firefox

Learn how to create modern web applications with the successor of Angular.js
Continue reading “Angular 2”

How to use AngularJS and Laravel Blade together

  • In short: we want to change the tags of AngularJS to anything other than double curly brackets, for example a double percentage sign.
  • The solution for making AngularJS and Laravel Blade work together is simple.
  • In the article I will show you how to use AngularJS and Laravel Blade together.
  • People who have been using AngularJS for a while may know of this solution.
  • Both AngularJS and Laravel Blade use double curly brackets for opening and closing tags.

In this article we will have a look at how to use AngularJS and Laravel Blade together by changing the opening and closing tags of AngularJS
Continue reading “How to use AngularJS and Laravel Blade together”

Don’t blame the framework: my experience with AngularJS and ReactJS

  • what still counts the most for a maintainable project is the developers’ commitment to write good and organized code.’
  • Most things that I complained about in the beginning were either because I was forcing the React way of doing things to Angular code or because I wasn’t experienced enough.
  • React components get data from the store directly and change the state by calling actions: it’s simple, elegant and prevents you from becoming insane.
  • When you meet redux/react together, the data communication between components is crazy simple you never think.
  • For me the main benefit of using these frameworks in a team is that you are all sticking to the same conventions.

Here are the key impacts in the long run of choosing between AngularJS and ReactJS, from a seasoned developer’s perspective.
Continue reading “Don’t blame the framework: my experience with AngularJS and ReactJS”

Exploring Angular 1.5: Lifecycle Hooks by thoughtram

  • And a component controller is a directive controller.
  • The hook allows us to react to changes of one-way bindings of a component.
  • Lifecycle hooks in Angular landed first in the Angular 2 alpha release and they are more or less inspired by the Custom Elements lifecycle callbacks .
  • An Angular 2 component comes with lifecycle hooks like ngOnInit() , ngOnDestroy() , ngOnChanges() and many more.
  • The reference can and could be used to do DOM manipulation, even in the controller.

Angular 1.5 is finally out! This article discusses the new lifecycle hooks in Angular.
Continue reading “Exploring Angular 1.5: Lifecycle Hooks by thoughtram”

Difference between AngularJS vs Angular 2

Difference between #AngularJS vs #Angular2

  • upgrading an existing AngularJS 1.5 app (based on components)
  • It means the whole application is now a component, which contains another set of components (which can be routable).
  • And then in 2010 AngularJS was introduced as a JavaScript MVW Framework.
  • The tool that the Angular team gave us is a complete solution.
  • Service – Injectable class used to share logic between components.

Difference between AngularJS vs Angular 2,Angularjs vs Angular2 | what’s the difference ?
Continue reading “Difference between AngularJS vs Angular 2”

Using Angular 2 Patterns in Angular 1.x Apps

Using Angular 2 Patterns in Angular 1.x Apps course by @simpulton #angularjs

  • Initialize Angular Components with Lifecycle Hooks
  • Container and Presentation Components Using Angular Component Bindings
  • Test an Angular Component with $componentController
  • By writing our Angular 1.x application in ES6, we can create a surprising resemblance to an Angular 2 application.
  • Build an Angular Component Controller Using ES6 Class

Implementing modern component-based architecture in your new or existing Angular 1.x web application is a breath of fresh air.

In this course, you are going to take a close look at Eggly, an Angular 1.x application for organizing bookmarks, and build it using modern patterns and practices, inspired by Angular 2’s recommended architecture.

You will learn how to leverage ES6 in your Angular 1 applications through Babel, and fully understand the core patterns that are used in a composed modular web application.

This course will teach you how to leverage your existing knowledge of Angular, while preparing your mind (and applications!) for the future.

If you are interested, there is a [companion guide](http://www.angular2patterns.com/) that digs deeper into the patterns found in this course and Angular 2.

Continue reading “Using Angular 2 Patterns in Angular 1.x Apps”