Below are a small collection of React examples to get anyone started using React. They progress from simpler to more complex/full featured.
They will hopefully get you over the initial learning curve of the hard parts of React (JSX, props vs. state, lifecycle events, etc).
You will want to create an index.html file and copy/paste the contents of 1-base.html and then create a scripts.js file and copy/paste the contents of one of the examples into it.
| function calculateDistance(rssi) { | |
| var txPower = -59 //hard coded power value. Usually ranges between -59 to -65 | |
| if (rssi == 0) { | |
| return -1.0; | |
| } | |
| var ratio = rssi*1.0/txPower; | |
| if (ratio < 1.0) { |
| function calculateDistance(rssi) { | |
| var txPower = -59 //hard coded power value. Usually ranges between -59 to -65 | |
| if (rssi == 0) { | |
| return -1.0; | |
| } | |
| var ratio = rssi*1.0/txPower; | |
| if (ratio < 1.0) { |
| /*************************************************************************************************** | |
| * Copyright (c) 2015 Rüdiger Herrmann | |
| * All rights reserved. This program and the accompanying materials are made available under the | |
| * terms of the Eclipse Public License v1.0 which accompanies this distribution, and is available at | |
| * http://www.eclipse.org/legal/epl-v10.html | |
| * | |
| * Contributors: | |
| * Rüdiger Herrmann - initial API and implementation | |
| **************************************************************************************************/ | |
| package com.codeaffine.jgit.example; |
| /*************************************************************************************************** | |
| * Copyright (c) 2015 Rüdiger Herrmann | |
| * All rights reserved. This program and the accompanying materials are made available under the | |
| * terms of the Eclipse Public License v1.0 which accompanies this distribution, and is available at | |
| * http://www.eclipse.org/legal/epl-v10.html | |
| * | |
| * Contributors: | |
| * Rüdiger Herrmann - initial API and implementation | |
| **************************************************************************************************/ | |
| package com.codeaffine.jgit.example; |
Include Weather Icons in your app: https://github.com/erikflowers/weather-icons
Include the below JSON in your application, for example purposes, lets assume it's a global named weatherIcons.
Make a request to OpenWeatherMap:
req = $.getJSON('http://api.openweathermap.org/data/2.5/weather?q=London,uk&callback=?');
Reposted from Qiita
For almost a year now, I've been using this "flux" architecture to organize my React applications and to work on other people's projects, and its popularity has grown quite a lot, to the point where it shows up on job listings for React and a lot of people get confused about what it is.
There are a billion explainations on the internet, so I'll skip explaining the parts. Instead, let's cut to the chase -- the main parts I hate about flux are the Dispatcher and the Store's own updating mechanism.
If you use a setup similar to the examples in facebook/flux, and you use flux.Dispatcher, you probably have this kind of flow:
If you use git on the command-line, you'll eventually find yourself wanting aliases for your most commonly-used commands. It's incredibly useful to be able to explore your repos with only a few keystrokes that eventually get hardcoded into muscle memory.
Some people don't add aliases because they don't want to have to adjust to not having them on a remote server. Personally, I find that having aliases doesn't mean I that forget the underlying commands, and aliases provide such a massive improvement to my workflow that it would be crazy not to have them.
The simplest way to add an alias for a specific git command is to use a standard bash alias.
# .bashrc
Note: if you want to skip history behind this, and just looking for final result see: rx-react-container
When I just started using RxJS with React, I was subscribing to observables in componentDidMount and disposing subscriptions at componentWillUnmount.
But, soon I realised that it is not fun to do all that subscriptions(that are just updating property in component state) manually, and written mixin for this...
Later I have rewritten it as "high order component" and added possibility to pass also obsarvers that will receive events from component.
| import sys | |
| import ply.yacc as yacc | |
| import ply.lex as lex | |
| tokens = ( | |
| 'INCREMENT', | |
| 'DECREMENT', | |
| 'SHIFT_LEFT', | |
| 'SHIFT_RIGHT', | |
| 'OUTPUT', |