Skip to content

Instantly share code, notes, and snippets.

@MicheleBertoli
MicheleBertoli / demo.js
Created December 13, 2015 13:30
Memory Leak
import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps} from 'react-gmaps';
let interval;
const App = React.createClass({
getInitialState() {
return {
@MicheleBertoli
MicheleBertoli / demo.js
Last active January 6, 2016 15:57
Map Type
import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps} from 'react-gmaps';
const App = React.createClass({
onMapCreated(map) {
map.setMapTypeId(google.maps.MapTypeId.HYBRID);
},
@MicheleBertoli
MicheleBertoli / demo.js
Created January 7, 2016 13:33
onDragEnd Handler
import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps, Marker} from 'react-gmaps';
const App = React.createClass({
getInitialState() {
return {
open: false,
lat: 51.5258541,
const RenderIf = (Component, condition) => {
class Child extends Component {
constructor(props) {
super(props);
}
render() {
if (condition(this.props, this.state)) {
return super.render();
}
return null;
@MicheleBertoli
MicheleBertoli / StyleSheet.js
Created February 15, 2016 20:33
React Look: Extract CSS File
export(userAgent) {
return StyleContainer.renderStaticStyles(userAgent)
}
@MicheleBertoli
MicheleBertoli / demo.js
Last active February 16, 2016 21:13
Get Map instance
import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps} from 'react-gmaps';
const App = React.createClass({
getInitialState() {
return {
isMapCreated: false
};
@MicheleBertoli
MicheleBertoli / demo.js
Created February 16, 2016 21:37
Re-rendering
import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps, Marker} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
};
const App = React.createClass({
@MicheleBertoli
MicheleBertoli / app.js
Created February 19, 2016 15:47
React Repeat
const App = React.createClass({
render() {
return (
<Repeat collection={[1, 2]}>
{item => <div>{item}</div>}
</Repeat>
);
}
});
@MicheleBertoli
MicheleBertoli / demo.js
Last active February 2, 2021 09:21
Multiple Info Windows
import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps, Marker, InfoWindow} from 'react-gmaps';
const points = [{
lat: 51.5258541,
lng: -0.09040660000006028
}, {
lat: 51.5258541,
lng: -0.08040660000006028
@MicheleBertoli
MicheleBertoli / demo.js
Created March 8, 2016 09:55
Add Markers
import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps, Marker} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
};
const Map = React.createClass({