Sébastien Lorber slorber

The Rules of React

All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.

What Functions Are "Pure"?

A number of methods in React are assumed to be "pure".

On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.

In this talk we will be all discussing the origin of the furry fandom. How we will thogheter create a new furry-in-js framework. We will going over how they have changed the current fandom world, our hearts and the js world in 5 very awesome minutes! This talk is to prove a point that stars mean nothing in this case.

https://reactiveconf.com/

In this tutorial we're going to build a set of parser combinators.

What is a parser combinator?

We'll answer the above question in 2 steps.

What is a parser?
and, what is a parser combinator?

So first question: What is parser?

Change your app.json to base-app.json and untrack the original file in your .gitignore

Then add something like "generateConfig": "rimraf app.json && node generateConfig" to your package.json scripts, and yarn generateConfig && react-native-scripts start to scripts like "start" or any others that may need app.json generated.

Exposed headers

Service	SSL	status	Response Type	Allowed methods	Allowed headers

I made a little styling lib called glam

(some features are in development)

one

let's start off with the simplest use case. we'll make an 'index.html' page, and assume we've setup our js bundler to output bundle.js

	if (!("classList" in SVGElement.prototype)) {
	Object.defineProperty(SVGElement.prototype, "classList", {
	get() {
	return {
	contains: className => {
	return this.className.baseVal.split(" ").indexOf(className) !== -1;
	},
	add: className => {
	return this.setAttribute('class', this.getAttribute('class') + ' ' + className);
	},

	# Reference: https://www.exclamationlabs.com/blog/continuous-deployment-to-npm-using-gitlab-ci/

	# GitLab uses docker in the background, so we need to specify the
	# image versions. This is useful because we're freely to use
	# multiple node versions to work with it. They come from the docker
	# repo.
	# Uses NodeJS V 9.4.0
	image: node:9.4.0

	# And to cache them as well.

	function withPropsAsStyleOverrides (WrappedComponent) {
	return ({style, ...props}) => {
	// make style spreadable
	style = Array.isArray(style) ? style : [style]

	// split the incoming properties into a style and forward group
	const {styleProps, forwardProps} = Object.keys(props).reduce((split, key) => {
	if (isStyleProp(key)) {
	split.styleProps[key] = props[key]
	} else {

	class FileUploadComponent extends Component{
	upload(){
	this.props.mutate({
	variables: {
	id,
	avatar: this.inputFile.files[0] //this is how you send file
	}
	}).
	then(({data}) => {
	console.log(data)