Guitar Australia

Please login or register.

Login with username, password and session length
Advanced search  

News:

What's the similarity between a drummer and a philosopher?
They both perceive time as an abstract concept.

Pages: [1]   Go Down

Author Topic: tldr; ReactJS, AngularJS and Angular.  (Read 362 times)

Nick

  • contributor
  • Newbie
  • *
  • Offline Offline
  • Posts: 49
    • View Profile
tldr; ReactJS, AngularJS and Angular.
« on: July 25, 2018, 08:55:09 PM »

ReactJS!
ReactJS is a bloody fantastic library/framework for building interfaces in a modular way. It has a virtually zero learning curve because you can write what looks like HTML directly in your JavaScript :-) But of course, that's not what's really going on. What looks like raw HTML is really JSX, which is transpiled into native JavaScript by the React library.
In a nutshell, you build components that represent the building blocks of your site. ReactDOM (a core library of ReactJS) builds a virtual DOM of your site and uses that to keep tabs on which parts need to be refreshed and only those do get refreshed, rather than the whole DOM. If that sounds like fun to you, check out more at https://reactjs.org/ and I highly recommend the free lessons at codeacademy.com.

AngularJS!
AngularJS was the first carnation of the framework developed by Google engineer Misko Hevery. It's fantastic and allows you to easily and quickly build amazing single page JavaScript applications by using a Model View Anything approach. AngularJS takes you into the design phase without you needing to think too much about how various connected aspects of your app function. This is achieved through one and two way binding. All that means is that your data is linked to your interactive elements and they can keep each other 'in check'. For example, instead of manually attaching event listeners to interactive page elements, you can link those elements to the relevant data and in the case of two-way binding, they'll reflect changes made at either end. This may sound trivial, but of course, there's a whole lot more to the framework and you can find out everything you need to know at: https://angularjs.org/

Angular!
Angular is the next generation AngularJS and isn't really much like it. Angular is like a complete re-think and there's no need to learn AngularJS first. Angular comes with a nifty CLI interface for quickly getting up to speed with new projects and also creating new components. Yes, you work with components in Angular too, it's completely modular. A module in Angular is very self contained and references it's own HTML template and CSS amongst other things. There's plenty more to learn of course and if this extremely brief intro has whet your appetite, check out the full details here: https://angular.io/
Logged
Pages: [1]   Go Up