Skip to content

Instantly share code, notes, and snippets.

Avatar

Juho Vepsäläinen bebraw

View GitHub Profile
@bishboria
bishboria / springer-free-maths-books.md
Last active Jul 2, 2021
Springer made a bunch of books available for free, these were the direct links
@jlongster
jlongster / immutable-libraries.md
Last active Mar 24, 2021
List of immutable libraries
View immutable-libraries.md

A lot of people mentioned other immutable JS libraries after reading my post. I thought it would be good to make a list of available ones.

There are two types of immutable libraries: simple helpers for copying JavaScript objects, and actual persistent data structure implementations. My post generally analyzed the tradeoffs between both kinds of libraries and everything applies to the below libraries in either category.

Libraries are sorted by github popularity.

Persistent Data Structures w/structural sharing

View ReactiveProposal-CDRO.md

I would like to propose a lightning talk for the Reactive Conference demonstrating how you can interact with Arduino and/or Raspberry Pi GPIO's using React Native.

Here's is an example video where fellow speaker Brent Vatne controls my arduino device remotely using a sample react native app that can be found here

Thank you, @christopherdro

@pezza3434
pezza3434 / gist:ac5db3fd5a3b6bc985e4
Last active Mar 21, 2016
Submission to speak at reactive2015
View gist:ac5db3fd5a3b6bc985e4

##Moving from Angular to React

For over a year I had been helping to create a production app with Angular. I was initially hugely impressed by the advantages Angular offered and invested a lot of time learning the intricacies of the framework.

Having being initially cautious about React as one of the many upcoming frameworks that wouldn't stick around I was hesitant to make the switch. However, after making the jump I've been using React for a few months now and been thouroughly impressed.

This will be a short talking explaining:

  • The shift in thinking when moving from Angular to React
  • The difficulties when moving from Angular to React
  • What we can learn from Angular and how having a previous knowledge of other frameworks can help significantly when creating React apps.
View AjaxGet.js
import React, {Component} from 'react';
import request from 'superagent-bluebird-promise';
class AjaxGet extends Component {
constructor(props, context) {
super(props, context);
this.state = {
data: {}
};
@HenrikJoreteg
HenrikJoreteg / README.md
Last active Jun 6, 2018
Minimalist routing in Redux
View README.md

Why would you want to do this? Because you often don't need more. It's nice to not have to think about your "router" as this big special thing.

Instead, with this approch, your app's current pathname is just another piece of state, just like anything else.

This also means that when doing server-side rendering of a redux app, you can just do:

var app = require('your/redux/app')
var React = require('react')
View gist:fd7e987c832cc4efaa56

Hi Zach :D

Modals are funny beasts, usually they are a design cop-out, but that's okay, designers have to make trade-offs too, give 'em a break.

First things first, I'm not sure there is such thing as a "simple" modal that is production ready. Certainly there have been times in my career I tossed out other people's "overly complex solutions" because I simply didn't understand the scope of the problem, and I have always loved it when people who have a branch of experience that I don't take the time

View LazyRender.babel.js
module.exports = React.createClass({
displayName : 'LazyRender',
getInitialState() { return { props : this.props } },
componentWillReceiveProps(newProps) { setTimeout(() => this.setState(newProps), 10) },
shouldComponentUpdate(newProps, newState) { return this.state !== newState; },
render() { return React.cloneElement(React.Children.only(this.props.children), this.state); }
});
View smart-wrapper.js
// Have some complicated non-React widgets that manipulate DOM?
// Do they manage a list of DOM elements? Here's how to wrap it
// into a React component so you can "constantly rerender" it.
// A dumb non-react widget that manually manage some DOM node that
// represent a list of items
function NonReactWidget(node) {
this.node = node;
}
@goatslacker
goatslacker / alt-store-reducer.js
Created Jun 4, 2015
Writing a simple store as a reducer
View alt-store-reducer.js
import Alt from 'alt'
const alt = new Alt()
const CounterActions = alt.createActions({
inc: x => x,
dec: x => x,
});
const CounterStore = alt.createStore({