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

Don’t blame the framework: Read about @besmaniotto's 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”

Allegient

ALLEGIENT

  • Imports are used for any modules, declarations are for components, providers are for services, and bootstrap is for our App Component.
  • In and RC1 component, our declarations section would contain directives for any shared components (like pipes) and providers for any services that we need to use.
  • A simple example from the Angular 2 quickstart looks like this
  • To bootstrap an application in RC1, the main.ts (or boot.ts) file of a project would contain the main AppComponent as well as any modules that were needed (Forms, HTTP, etc…).

When I started my deep dive into Angular 2, the framework was still in beta. As with most open-source technologies, things quickly shifted to release candi
Continue reading “Allegient”

Build an App with Vue.js: A Lightweight Alternative to AngularJS

Build an App with #VueJS: A Lightweight Alternative to #AngularJS  via @scotch_io

  • The addEvent method first checks to make sure we at least have a value present for event.name and if so, pushes the event onto the the events array.
  • We’ve already got the button for deleting events set up, lets now create the method that should be called when it is clicked.
  • On the data key, we are registering both the event object that will hold our form data, as well as an empty events array that will be populated with data when the application loads.
  • If we refresh the page, we see that we get the events data displayed and that we can also add in new events.
  • If we didn’t pre-initialize the event object by registering it on the data key, we would still get values from our form as expected.

Front-end frameworks like AngularJS allow us to build out very nice single page applications easily, especially when we become well versed with all the…
Continue reading “Build an App with Vue.js: A Lightweight Alternative to AngularJS”

Angular JS 4

#angularjs 4 - The Latest #javascript Upgrade from Google:

  • The omission of numbers has been proposed by the Google official.
  • Angular JS 4 – The Latest JavaScript Upgrade from Google
  • Developers are still awaiting the updated version to be released especially after knowing what all they are getting from Angular JS 4.
  • Since its release, Angular JS has seen lot of updates which is quite common for Google.
  • This is one among the most awaited releases in Google’s open source frameworks.

Angular JS is the most popular JavaScript framework used by developers all around the world. The brainchild of Google, it is also considered to be the big daddy of JavaScript and was first released in 2009. The Angular ecosystem exploded in a big way and also developed beyond imagination. It boasts of incorporating the biggest network of web developers working on Single Page Web Applications.
Continue reading “Angular JS 4”

AngularJS Application Architecture

AngularJS Application Architecture course by @simpulton #angularjs

  • AngularJS Architecture: Using ui-router’s named views
  • AngularJS Architecture: Create Bookmark
  • AngularJS Architecture: Delete Bookmark
  • AngularJS Architecture: Using Sub-Modules
  • AngularJS Architecture: Using $http to load JSON data

One challenge when learning AngularJS is that most examples are trivial. It is difficult to find materials on learning “real-world” patterns and practices.

The joy of Angular is that you are free to build an application in any form that you wish. MCV, MVVM, MVP, MV*whatever*… You get to decide! Freedom is wonderful.

“But what if I choose poorly?”

Good question.

This series will demonstrate how to organize and tool your AngularJS application for real work. It’s an opinion. A way that has worked on our own projects. Use it as a guide for building the solution that best suits the needs of your projects. All projects are different, but with the right set of modular tools you can build a foundation for success.

Building on the previous series, we are going to refactor Eggly to be modular and scalable. By introducing modules and sub-modules, domain models and state management with ui-router, we will start to establish best practices on how an AngularJS application should not only function, but fit together.

Be sure to check out Part 1: [AngularJS App From Scratch: Getting Started](https://egghead.io/series/angularjs-app-from-scratch-getting-started)

Continue reading “AngularJS Application Architecture”

Abhishek Jain’s answer to Is AngularJS still worth learning?

  • The companies have invested a lot in the framework and they are not moving to some other framework just because it’s new and better.
  • I would recommend learning AngularJS, Angular2 and ReactJS in the same order, provided you can afford to invest time to learn.
  • ReactJS is actually very easy to start with, so it won’t take much time to write virtual Dom ready apps.
  • So if you just know about ReactJS, you just know the rendering side of things and you can’t be said to know the full front end development.
  • ReactJS is basically a library which needs a lot of other different plugins to finish the job while developing a production ready web app.

I know ReactJS and I get a lot of calls for recruiters for jobs needing javascript and reactJS. Based on what I’ve seen React is really going to catch on for the next couple of years and Angular is in decline. Is Angular worth learning at this stage?
Continue reading “Abhishek Jain’s answer to Is AngularJS still worth learning?”

Allegient

Angular 2 – Upgrading from RC1 – Part 2: Routing, #angularjs

  • In the latest version of Angular 2, the router setup is now moved out to a new RouterModule inside a file.
  • You can navigate to a path using the router either in the HTML using RouterLink (ie: routerLink=”/heroes”) or by using the Router in the component itself (ie: router.navigate([‘/heroes ‘])).
  • Once the module is imported, we can navigate to routes by either using RouterLink in the HTML or the Router.
  • The new router allows us to guard our routes using Guards, send query parameters with Params, and check which route is activated by using ActivatedRoute just to name a few.

In part 2 of my Angular 2 RC1 Upgrade Series (part 1 can be found here), we will explore the changes to the router. The router in Angular 2 has already had
Continue reading “Allegient”