ReactNL 2016: How it was

ReactNL review

On the mid of this October, I was on a great conference dedicated to the React.js in the Amsterdam – ReactNL. You can check the program of the conference here http://reactnl.org/#program. As there were a few streams I was not on all the speeches, but I will try to do my best to share what I have heard (and yes, I think there would be a video from all the speeches). Originally I have created this small talk review for my teammates that were not at the conference, so they were able to get what there was.

1) “Styling React.js application”. Really good talk about how the styling is currently done in the react components. Max had compared all existed technologies (one of the slides from his speech https://pbs.twimg.com/media/CupKNldWIAA39zp.jpg) and presented new one that he + open source community are currently developing – styles-components https://github.com/styled-components/styled-components. It’s great! )) Still raw, but it is great do not have to make state changes just for handling hover state for the button. I have tried it on the small project on weekend and it’s interesting to play with and very suitable to use.

2) “Meet React server”. good talk about existing and upcoming features in the  https://github.com/redfin/react-server

3) Here is a talk from which I do not remember completely anything O_o

4) “Modernising Legacy Codebase”. talk about how the project was transferred from the mix of the technologies to the Redux + React (not from Angular). In general, they are using such approach – changing the app piece by piece, and find the way for communicating data to/from this pieces to other parts of the app.

5) “React Fiber”. It was the best speech of the conference from my perspective. It was done by one of the guys from React core team. The new version of React is coming, and its name will be React Fiber. No worries, you would not need to rewrite anything. It will be able to include the new version by just changing the existing import to import ReactDOM from ‘react-fiber’. All changes will come from the box, mostly it will be about improvement user experience by adding a possibility to prioritize process and make them in concurrency way. In the first release, it will not be available to the developers but will be used to improve DOM rendering processes. The speeches from this conference are currently not available, but it is possible to check the speech about it from React Next conference https://www.youtube.com/watch?v=aV1271hd9ew. It is also possible to check some documentation about it that already exists https://github.com/acdlite/react-fiber-architecture

6) “Introduction to flowtype” (https://flowtype.org/). Workshop. This is a tool to check types of the variable in JavaScript developed by Facebook. To play around with it in Atom the Nuclide should be installed and configured, also it’s possible to try it here https://flowtype.org/.  Guide for the workshop about Flow: https://gitlab.com/wietsevenema/flow-workshop-reactnl

7) “High-Stakes React” – Just fine speech about how to do testing.

8) “Rich text editing with Draft.js”. I was expecting that it will be just an example of the using draft.js in the real project (presented here https://www.youtube.com/watch?v=feUYwoLhE_4), but the speakers + open source community have improved it and start the project that allows easier working with different plugins with draft.js – https://github.com/draft-js-plugins/draft-js-plugins/ . Also, there is an experiment to replace existed in WYSIWYG functionality by the draft.js https://draft-wysiwyg.herokuapp.com/. Other resources about draft.js https://github.com/nikgraf/awesome-draft-js. I think this draft.js is pretty nice, and if you are using the text editor in your project it’s quite good to be considered among your react components.

9) “How to build compiler”. Nice fancy educational talk about how the compilers are actually working.

0) premium talk: “introducing yarn”. In every, just every talk speakers made some kindly jokes like – “yes, this is also available through yarn”. In this last talk, James presented the yarn, no much more information that is available in official press release.

If you have found a spelling error, please, notify us by selecting that text and pressing Ctrl+Enter.

Olena Sovyn
Front-end developer (London, UK). I ❤ React, Redux, lodash, React Storybook, and functional programming overall. Always open to learn something new

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Spelling error report

The following text will be sent to our editors: