In React's terminology, there are five core types that are important to distinguish:
React Elements
'use strict'; | |
/** | |
* Adapted from https://github.com/Khan/react-components/blob/master/js/timeout-transition-group.jsx | |
* with the following additions: | |
* | |
* - Use BEM-ish modifiers (--enter, --enter--active, --leave, --leave--active) | |
* - Work better with rAF batching strategy (see https://github.com/facebook/react/issues/2292) | |
* | |
* The CSSTransitionGroup component uses the 'transitionend' event, which |
The MIT License (MIT) | |
Copyright (c) 2014 Tomas Kafka | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is | |
furnished to do so, subject to the following conditions: |
In React's terminology, there are five core types that are important to distinguish:
React Elements
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
Lately, I have been digging into the angular-ui-router, (https://github.com/angular-ui/ui-router), I would say from ng-conf, it is the recommended way to do routing in Angular. What I find interesting about it, is how you can have multiple views and your routing graph can be defined in your loosely coupled modules. This provides a very conventional way to assembling your angular.modules for an angularjs application. Instead of having several features in your controller and templates directory, you can have several repositories that just focus on a particular feature.
For example, if you have two CRUD modules, (projects and contacts), with ui-router you can keep each routing state independent of the other as long as they are unique.
So in one module projects
, I can have a config section and create the following routing state:
angular.js('projects', [])