React, Relay, webpack. Includes express-graphql server which you will need to turn off in favor of the django one.
Solid ORM migrations, easy configuration of a full graphql server using your django models.
A maintainable application architecture requires that the UI only contain the rendering logic and execute queries and mutations against the underlying data model on the server. A maintainable architecture must not contain any logic for composing "app state" on the client as that would necessarily embed business logic in the client. App state should be persisted to the database and the client projection of it should be composed in the mid tier, and refreshed as mutations occur on the server (and after network interruption) for a highly interactive, realtime UX.
With GraphQL we are able to define an easy-to-change application-level data schema on the server that captures the types and relationships in our data, and wiring it to data sources via resolvers that leverage our db's own query language (or data-oriented, uniform service APIs) to resolve client-specified "queries" and "mutations" against the schema.
We use GraphQL to dyn
| Tmux is a "terminal multiplexer", it enables a number of terminals to be accessed and controlled from a single terminal. | |
| If you use Debian/Ubuntu, you can just run apt-get install tmux, and voila. | |
| Since the title was about centos 7, then do the following step to install tmux. | |
| (1). tmux has a library dependency on libevent which, of course, isn’t installed by default. | |
| $ wget https://github.com/downloads/libevent/libevent/libevent-2.0.21-stable.tar.gz | |
| $ tar xzvf libevent-2.0.21-stable.tar.gz | |
| $ cd libevent-2.0.21-stable | |
| $ ./configure && make |
| function mapValues(obj, fn) { | |
| return Object.keys(obj).reduce((result, key) => { | |
| result[key] = fn(obj[key], key); | |
| return result; | |
| }, {}); | |
| } | |
| function pick(obj, fn) { | |
| return Object.keys(obj).reduce((result, key) => { | |
| if (fn(obj[key])) { |
NOTE: This guide has moved to https://github.com/bpierre/switch-to-vim-for-good
This guide is coming from an email I used to send to newcomers to Vim. It is not intended to be a complete guide, it is about how I switched myself.
My decision to switch to Vim has been made a long time ago. Coming from TextMate 1, I wanted to learn an editor that is Open Source (so I don’t lose my time learning a tool that can be killed), cross platform (so I can use it everywhere), and powerful enough (so I won’t regret TextMate). For these reasons, Vim has always been the editor I wanted to learn, but it took me several years before I did it in a way that works for me. I tried to switch progressively, using the Janus Vim distribution for a few months, then got back to using TextMate 2 for a time, waiting for the next attempt… here is what finally worked for me.
Original gist with comments: https://gist.github.com/bpierre/0a0025d348b6001394e0
| --- Actions --- | |
| $Copy <M-C> | |
| $Cut <M-X> <S-Del> | |
| $Delete <Del> <BS> <M-BS> | |
| $LRU | |
| $Paste <M-V> | |
| $Redo <M-S-Z> <A-S-BS> | |
| $SearchWeb <A-S-G> | |
| $SelectAll <M-A> | |
| $Undo <M-Z> |
2015-01-29 Unofficial Relay FAQ
Compilation of questions and answers about Relay from React.js Conf.
Disclaimer: I work on Relay at Facebook. Relay is a complex system on which we're iterating aggressively. I'll do my best here to provide accurate, useful answers, but the details are subject to change. I may also be wrong. Feedback and additional questions are welcome.
Relay is a new framework from Facebook that provides data-fetching functionality for React applications. It was announced at React.js Conf (January 2015).
| javascript: (function() { | |
| var root = $(document.getElementsByTagName('html')); | |
| var watchers = []; | |
| var attributes = []; | |
| var attributes_with_values = []; | |
| var elements = []; | |
| var elements_per_attr = []; | |
| var scopes = []; |
| /** | |
| * A mixin which helps you to add depth to elements according to the Google Material Design spec: | |
| * http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality | |
| * | |
| * Please note that the values given in the specification cannot be used as is. To create the same visual experience | |
| * the blur parameter has to be doubled. | |
| * | |
| * Author: Florian Kutschera (@gefangenimnetz), Conceptboard GmbH (@conceptboardapp) | |
| * | |
| * Example usage: |
