Rémi Gérard-Marchant remitbri

@rescript/react 0.13.1 deprecates the usage of ReactDOM.Style.make. Depending on your codebase, the refacto may be important. Here's a method to help you migrate:

1 - Install Comby

2 - Download the config.toml config file to, say, the root of your repo

3 - Run comby -config conf.toml -f .res -matcher .re -i -d src (if your rescript codebase is in the src directory)

4 - Correct manually the type error(s). It's likely there are instances where the compiler doesn't have enough context to detect for example that the record {color: black} is of type JsxDOMStyle.t

Keybase proof

I hereby claim:

I am remitbri on github.
I am remitbri (https://keybase.io/remitbri) on keybase.
I have a public key whose fingerprint is B615 4337 FF39 1982 76C9 6205 CF55 6EFE 06D3 16F0

To claim this, I am signing this object:

So, about this short conversation about containing thing, some examples where I think this is not such an obvious move as it sounds.

import React from 'react';

export class Icon extends React.Component {
  /* ... */
  getDefaultProps() {
 return {

React

A JavaScript library that manages the UI.

What does it do?

React enables you to express in a declarative way what your UI should look like at any point in time; while building your app with little, reusable blocks: components.

hexa to alpha

Useful for colour values, the 'AA' in #RRGGBBAA

alpha = parseInt(hexa,16)/255

for (i=0; i<256; i++) {
  console.log(i.toString(16), i/255)
}

alpha to hexa

Useful for colour values, the 'AA' in #RRGGBBAA

hexa = Math.round(i*255).toString(16)

for (i=0; i<=1; i+=0.05) {
console.log(i, Math.round(i*255).toString(16))
}

	17 ┆ jsStuff =>
	18 ┆ switch (beeTypeFromJs(jsStuff)) {
	>19 ┆ \| Some(output) => output
	20 ┆ \| None => `baa
	21 ┆ };

	This has type:
	beeType
	But somewhere wanted:
	stuff4

	.Icon{
	display: inline-block;
	vertical-align: middle;
	color: inherit;
	}
	.Icon--defaultSize{
	width: 1rem;
	}

	.Icon-subcontainer{

	module.exports = someViewFramework.extend({
	element : ".js-thatElement",

	events : {
	"click" : "doStuff",
	"keypress" : "doStuffKeyboard"
	},

	doStuff : function() {
	// foo