
If you've been following along React.js Conf then you might know how Redux is generally praised as the preferred Flux implementation.

Flux (or Redux) comes handy as your App Size and its complexity grow over time.  
Still, it might feel a little overwhelming to get started with all these new concept, libraries and framework.  
You might also suffer some form of [Javascript Fatigue](https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4).

We previously talked about some great references for learning [Redux](https://www.reactnative.com/tag/redux/), but you might still feel the need for a proper learning course.

This is why today we're suggesting `Modern React with Redux`.  
Yes, it is a paid Course, but you're going to find a great discount (code `TECHEXCLUSIVE19`, valid until 2/28 6:00am PST) waiting for you.

---

### [Modern React with Redux](http://goo.gl/rWf88X)

![Modern React with Redux ](http://i.imgur.com/N4t5bcj.jpg)

> ###### Course Description
>
> This is the tutorial you've been looking for to master modern web development with React.
>
> **Redux?** We got it. **ES6/Babel?** Covered. **Webpack?** Included!
>
> Mastering React and Redux can get you a position in web development or help you build that personal project you've been dreaming of. It's a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.
>
> This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build React components and structure applications with Redux.  
> We'll start by mastering the fundamentals of React, including JSX, “props", “state", and eventing. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. After an introduction to React, we'll dive right in to Redux, covering topics like reducers, actions, and the state tree.  
> If you are new to React and Redux, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the React course for you! To learn React you have to understand it.
>
> - Learn how to use React's custom markup language, JSX, to clean up your Javascript code
> - Master the process of breaking down a complex component into many smaller, interchangeable components
> - Grasp the difference between “props" and “state" and when to use each
> - Develop complex applications that scale in complexity by mastering Redux
> - Dive deeper into Redux by using middlewares. No fancy terms required!
>
> I've built the course that I would have wanted to take when I was learning React and Redux. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.
>
> ###### What am I going to get from this course?
>
> - Over 97 lectures and 10.5 hours of content!
> - Build amazing single page applications with React JS and Redux
> - Master fundamental concepts behind structuring Redux applications
> - Realize the power of building composable components
> - Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well
> - Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax
>
> ###### What is the target audience?
>
> - Programmers looking to learn React
> - Developers who want to grow out of just using jQuery
> - Engineers who have researched React but have had trouble mastering some concepts

![](http://ad.linksynergy.com/fs-bin/show?id=IqQtCJUA/uE&bids=323058.3842&type=3&subid=0)


Modern React with Redux


If you ever worked on native Mobile Apps before and you looked for alternatives to SQLite or key-value stores then you already heard about [Realm](https://realm.io/).  
The good news is that the guys at [Realm](https://twitter.com/realm) are now launching a new Realm mobile database built specifically for React Native.

If you're working your way around persistence, then this surely will breathe new life into your project.

## [Introducing Realm React Native](https://realm.io/news/introducing-realm-react-native/)

## [realm-js](https://github.com/realm/realm-js) on GitHub

> At Facebook’s React.js Conference, we’re launching a new Realm mobile database built specifically for React Native. It offers easy object persistence and full query capabilities, with a performance profile that’s usually 2–10x faster than existing options.
>
> Like the other editions of Realm, it is designed from the ground up to enable reactive app development, with [live objects](/docs/react-native/latest/#auto-updating-results), [change events](/docs/react-native/latest/#change-events), and support for [unidirectional data flows](/news/unidirectional-data-flow-in-swift/)

```javascript
const Realm = require("realm");

class Person {}
Person.schema = {
  name: "Person",
  primaryKey: "name",
  properties: {
    name: "string",
    age: { type: "int", default: 0 },
  },
};

const realm = new Realm({ schema: [Person] });

// Query
let people = realm.objects("Person", "age >= 17");
people.length; // => 0

// Write
realm.write(() => {
  savedPerson = realm.create("Person", {
    name: "Hal Incandenza",
    age: 17,
  });
});

// Queries are updated in real-time
people.length; // => 1
```


Realm for React Native: fast database with live objects, change events & support for unidirectional data flows


Amazing times for all of us, React and React Native developers. Not only we're in the middle of a [React.js Conf](http://conf.reactjs.com/) but looks like a lot of big players are going to make major announcements in these days.

Just to start with, here is the Visual Studio Code extension for React Native that will give you a whole new DX for CLI commands, debug and IntelliSense.

## [React Native Tools (Preview)](https://marketplace.visualstudio.com/items?itemName=vsmobile.vscode-react-native) on Visual Studio Marketplace

## [vscode-react-native](https://github.com/Microsoft/vscode-react-native) on GitHub

## [React.js Conf 2016 - Web-like Release Agility for Native Apps](https://www.youtube.com/watch?v=B8J8xn3pLpk)

> This extension provides a development environment for React Native projects. You can debug your code, quickly run react-native commands from the command palette and use IntelliSense to browse objects, functions and parameters for React Native APIs.

![React Native Tools extension for Visual Studio  ](https://raw.githubusercontent.com/Microsoft/vscode-react-native/master/images/react-features.gif)


React Native Tools extension for Visual Studio Code


## [v0.21.0](https://github.com/facebook/react-native/releases/tag/v0.21.0) on GitHub ([npm](https://www.npmjs.com/package/react-native))

---

### New features

- Added `NavigationExperimental` [a308546](https://github.com/facebook/react-native/commit/a3085464f6ea36fc6b53cd0c711c048ffb1516f9)
- Added ability to switch React Native version in documentation website [6c7991c](https://github.com/facebook/react-native/commit/6c7991c3f27491f23ece011f8ad1891e278eafca) [6c7991c](https://github.com/facebook/react-native/commit/6c7991c3f27491f23ece011f8ad1891e278eafca)
- Replace String.prototype.contains with String.prototype.includes polyfill [2f73ad0](https://github.com/facebook/react-native/commit/2f73ad0241453fac379925a8c48426c5125ed2eb) [577206f](https://github.com/facebook/react-native/commit/577206fe51cf94d53cd69123ac64bf70cd2cc0ba)
- Make Chrome debugger faster [64d56f3](https://github.com/facebook/react-native/commit/64d56f34b779de94f251f4b443463cbfe790912d)
- Added accessibility props for Touchables [33d8db5](https://github.com/facebook/react-native/commit/33d8db599ef8eb85dc27150e04c71719be6ffd26)
- Better warnings when running packager on Node < 4 [e1f04bf](https://github.com/facebook/react-native/commit/e1f04bf2e328de9d232ef0fe600709b151da09ec)
- Expose option for distance filtering on location updates [109036b](https://github.com/facebook/react-native/commit/109036b4c4b530c04c394c48e43319ca91ca2d53)
- Don't automatically render more rows when dataSource updates [d2ab6ca](https://github.com/facebook/react-native/commit/d2ab6cabd46804a52d4e116d29767ca6a4061976)
- Allows RefreshControl to be mounted with refreshing = true [3e1f1ea](https://github.com/facebook/react-native/commit/3e1f1ea7bbb0461e8ad5a40cb29e94c46cddc04d)
- Add support for number as colors [1c11276](https://github.com/facebook/react-native/commit/1c112762e33aac6241ea7e31a1fb5c969250d16b)
- Re-render the whole navigation bar while calling immediatelyResetRouteStack [7b57b5c](https://github.com/facebook/react-native/commit/7b57b5c84aba58abb48526b581ee1d6d40a5f4be)
- Support for back button in NavigationExperimental [7b2b0c3](https://github.com/facebook/react-native/commit/7b2b0c3c1c7a541782e730b8c237ae2f2101e226)
- Stop warning about using `onWillFocus` and `onDidFocus` [5ca9245](https://github.com/facebook/react-native/commit/5ca9245067b49738e376632580cf2799358d526a)
- Let the module cache depend on transform options [727a2a9](https://github.com/facebook/react-native/commit/727a2a95d19086c9816da7014b41e123be7610b7)
- Added `deprecatedCallback` helper [8eddead](https://github.com/facebook/react-native/commit/8eddead8687f0acc68fb2e857a00260912600f06)
- Don't show underlay if no press handlers [e93afad](https://github.com/facebook/react-native/commit/e93afad284fe467c5929ceb297fd1a5e0a353dce)
- Return remover function when adding NetInfo listener [1c507e6](https://github.com/facebook/react-native/commit/1c507e62910f00606f61e8ae4b8c9b7ccceec2e6)
- Added guide for getting started on Linux [2260d90](https://github.com/facebook/react-native/commit/2260d900d4da1ea6809055e478688f3368c3f1f6)
- Use ES6 import instead of require in docs [3ae99d0](https://github.com/facebook/react-native/commit/3ae99d0fead8671a45ebc1d127550bcb8fb5e722)
- Packager: Remove unused support for asynchronous dependencies [7c03b16](https://github.com/facebook/react-native/commit/7c03b16a1bc0f8415eaad68362ce06faddfa8f6b)
- Added two new apps to showcase (Choke and MyPED) [0f850b4](https://github.com/facebook/react-native/commit/0f850b47608830a37a35497e4c1f7dc9488485fc) [272096c](https://github.com/facebook/react-native/commit/272096ce7c0d3dfb0302079cefbb6f72e43a9870)

### Bug fixes

- Remove React dev tools upsell until it's supported [184c708](https://github.com/facebook/react-native/commit/184c708b14e110e1856a381c00e8c8a487b04efc)
- Fix inspector for displaying styles' value [97b8a57](https://github.com/facebook/react-native/commit/97b8a57bdbbf462aaef807991eea22665f0662c9)
- Fix bug when multiGet requests with overlapping key sets get issued [52755fd](https://github.com/facebook/react-native/commit/52755fdde278404540a17117098151db5f2a86e3)
- Add missing `Children.toArray` [7cbad9f](https://github.com/facebook/react-native/commit/7cbad9f53048ab5d19a8004df30ae621f1bfbd09)
- Improve copyright year in docs [de3b942](https://github.com/facebook/react-native/commit/de3b942b4d9fbf7f575c5e16bc3f2a1ea4b13009)
- Fix StyleInspector warning about unique `key` prop [97741af](https://github.com/facebook/react-native/commit/97741af8b99ea8e443d41b80c4d9a8fd843a96ab)

### Android

##### New features

- Expose `Dimension.get('screen')` [228a1fe](https://github.com/facebook/react-native/commit/228a1fe7d48d57a0fbb2d852135ef94247198aaa)
- Return object with remove method from BackAndroid.addEventListener [8f6e074](https://github.com/facebook/react-native/commit/8f6e074bd619fda1ee36de8024f74cc1249f1775)
- Added .setItems() integration for Android AlertDialog [4fd115f](https://github.com/facebook/react-native/commit/4fd115ffa262ff51f429892500c5afecb425db3b)
- Cache image resource ids [fef4196](https://github.com/facebook/react-native/commit/fef4196c8b5ab725cf3b8331ca1bdf189e7067d1)
- Use new DisplayMetrics object in `getDisplayMetrics` [6ac007b](https://github.com/facebook/react-native/commit/6ac007b2ba50d5d909f09f5b4632558d1192a570)
- Add better error messages on js bundle downloads [81dc884](https://github.com/facebook/react-native/commit/81dc884b2adba94d7c1223c939f70b181f61b97e)
- WebWorkers: Pass bridge to JS executors [cf7a97c](https://github.com/facebook/react-native/commit/cf7a97cc0f44853b7ad17a5fc619a64c994b6cbc)
- Allow use external typeface in native code [17fcc94](https://github.com/facebook/react-native/commit/17fcc9440f9f6f6bbed9c746cb035dd3c4716355)
- Support corner radius [4937a4c](https://github.com/facebook/react-native/commit/4937a4c5cd2494a875019bfeb691026b0abfe58e)
- Document working with Android Studio [abdca04](https://github.com/facebook/react-native/commit/abdca047b0d3a1f9627a485c15fad0b99c5c241e)
- Document DatePicker and TimerPicker [05e4236](https://github.com/facebook/react-native/commit/05e4236b806ffd2fec96c24c94f006b445a39db3)
- Consume artifacts from npm [702f999](https://github.com/facebook/react-native/commit/702f999b050d50286d7a222587772bf4d2f7c557)
- Add Object.getPropertyNames() and Object.toJSONMap APIs [bab4818](https://github.com/facebook/react-native/commit/bab48182d94a36f1eb98d475315077f0ee8aeba1)
- Format exceptions correctly when crashing [0b89b18](https://github.com/facebook/react-native/commit/0b89b18b1bd85307110ae073ae0a291d9a534e0c)
- Strip devsupport from prod builds [8720d4b](https://github.com/facebook/react-native/commit/8720d4bc76892f574b29148f34f9602da07efb6f)
- Add 'file://' prefix to sourceURL when loading a script from a file [f2a60a2](https://github.com/facebook/react-native/commit/f2a60a202fd3dd737a968820c7941686ed1d9ddb)

##### Bug fixes

- Fix proguard template for ReactProp and ReactPropGroup [10c0758](https://github.com/facebook/react-native/commit/10c0758906fa071142e3ea309b2bfcbe64d7b5e0)
- Fix issue that breaks scroll views w/ RefreshControl on Android [9879717](https://github.com/facebook/react-native/commit/98797177abd93d01a206fe3f4c5f31143fdebf08)
- Fix race in Catalyst tests [294185a](https://github.com/facebook/react-native/commit/294185ac328b1c9ae2da6331575d48fc1bb818ff)
- Snapshot BackAndroid event listeners while an event is dispatched [9040315](https://github.com/facebook/react-native/commit/90403154a21c654e4f0bc7258a3655ce9c1ae3c5)
- Fix icon handling [142f8c9](https://github.com/facebook/react-native/commit/142f8c92de22a27bcbf09d8a0626a562c67a6aff)
- Fix "POST has no body" [a7521a2](https://github.com/facebook/react-native/commit/a7521a23aeef1fade75c265331ae2bcdfca2936c)

### iOS

##### New features

- More helpful description for native-js prop mismatch [375abc3](https://github.com/facebook/react-native/commit/375abc3f06093852928ee9f9e8b8fa754ca45dc3)
- Add support for `textAlign` on iOS multiline text input [7b22606](https://github.com/facebook/react-native/commit/7b22606f49c63d07642f419b95ca15654f1aa6ec)
- Expose flow events to JS + add JS -> Native flows [c00049c](https://github.com/facebook/react-native/commit/c00049ce4f42ca342973fb6cdb50c5e6cec4c442)
- Add ability to listen and dismiss local notifications [758d9e8](https://github.com/facebook/react-native/commit/758d9e83042d80731dcc3e33e68a9db838b79fd1)
- Restricted image decoding to 2 simultaneous threads [915e582](https://github.com/facebook/react-native/commit/915e5826efba758c42aefeeab69499ddcdd9cf50)
- Make JS async always the top thread in systrace [84f51da](https://github.com/facebook/react-native/commit/84f51da123737d85c1eb9d8db0683a665411c05a)

##### Bug fixes

- Fix 404 error on ShadowPropTypesIOS documentation [736e900](https://github.com/facebook/react-native/commit/736e90053243a03c48c00f072a2f3bbbdcb07567)
- Fix XMLHttpRequest.abort() not functional [995b66d](https://github.com/facebook/react-native/commit/995b66db8244a14fea4fedb88a2feaa1d3cf23e4)
- Fix promises on iOS to no longer wrap values in Arrays [c9a1956](https://github.com/facebook/react-native/commit/c9a1956c4fd9cfb6bf883c835b501d097181e1a4)


React Native v0.21.0 released


React Native enhances mobile development in many ways, but it's no big news that one of the the most talked about feature is its built-in ability to dynamically load the application code.

This opens new ways of developing and releasing applications (expecially for iOS) so that it naturally spawned services like [AppHub](https://apphub.io/) and projects as [CodePush](http://microsoft.github.io/code-push/).

[AeroFS](https://twitter.com/aerofs)'s guys are providing their addition to this kind of functionality providing it as an NPM Package for iOS and Android.

## [react-native-auto-updater](https://github.com/aerofs/react-native-auto-updater) on GitHub

![react-native-auto-updater ](https://raw.githubusercontent.com/aerofs/react-native-auto-updater/master/images/android.gif)![react-native-auto-updater ](https://raw.githubusercontent.com/aerofs/react-native-auto-updater/master/images/ios.gif)


A library to manage dynamic updates to React Native apps


If you enjoyed [Qwikly](http://getqwikly.com/)'s concept before (a Design to Code application) and you're eagerly waiting for [Nuclide](http://nuclide.io/)'s support for React Native, then you're going to love [Deco](https://www.decosoftware.com/)!

Deco promises to provide a Components Hub manager and code scaffolding, with live props manipulation built-in.  
That's a lot of pretty words that are more easily digested by watching its [screencast](https://www.youtube.com/embed/DmZEWOumVIE).

## [Deco](https://www.decosoftware.com)

![Deco: React Native IDE ](https://www.decosoftware.com/images/site/app-screenshot.png)
