A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$
if your browser aliases it:
~ 108 byte version
void drawFolder(int sides, float rad) { | |
float ang = (frameCount * 2 * PI * 0.05) / sides; | |
PVector maxy = new PVector(0, 0); | |
PVector[] v = new PVector[sides]; | |
for (int i = 0; i != v.length; ++i) { | |
float angle = ((2 * PI * i) / sides) + ang; | |
float x = sin(angle) * rad; |
/** | |
* @providesModule PatientList | |
*/ | |
import NavigationBar from 'react-native-navbar'; | |
import NavigationButtons from 'NavigationButtons'; | |
import React, { ListView, Navigator, StyleSheet, Text, TextInput, TouchableHighlight, View } from 'react-native'; | |
import { connect } from 'react-redux/native' | |
@connect(state => ({ | |
patients: state.patients |
componentWillReceiveProps(nextProps) { | |
if (nextProps.lastRequestedUserLocationAt > this.props.lastRequestedUserLocationAt) { | |
this.centerMapToUser(nextProps.currentLocation); | |
} | |
if (nextProps.lastUpdated > this.props.lastUpdated) { | |
const markers = this.createMarkersForLocations(nextProps); | |
if (markers && Object.keys(markers)) { | |
const clusters = {}; |
How do you send information between clients and servers? What format should that information be in? What happens when the server changes the format, but the client has not been updated yet? What happens when the server changes the format, but the database cannot be updated?
These are difficult questions. It is not just about picking a format, but rather picking a format that can evolve as your application evolves.
By now there are many approaches to communicating between client and server. These approaches tend to be known within specific companies and language communities, but the techniques do not cross borders. I will outline JSON, ProtoBuf, and GraphQL here so we can learn from them all.