If you are in the field of front-end development, you have definitely heard about ReactJS. There’s a ton of buzz going on and a bunch of conferences around the world. I have decided to check out “the biggest web and mobile app development conference in Europe” as the organizers of ReactiveConf in Bratislava put it. Was it a conference worth attending? Let’s have a look.
I must honestly say that I didn’t take part in the workshop sessions that took place on the first day, therefore, I’ll skip straight to the first day of the conference itself. Here are my personal best picks from the conference.
Right after entering the Old Town Hall in Bratislava, I got to the registration desk, and the whole process ran fast: I received a badge not only with my name but, more importantly, the WIFI network name and its password. More surprisingly, we received a 10 EUR UBER voucher for new users and a 20% discount voucher for existing ones. This is how you should treat your attendees!
The conference was officially opened by Matej Ftacnik, the co-founder of VacuumLabs, which is behind the conference. Mr. President of the Slovak Republic, Andrej Kiska, known to be a technology innovations fan, joined us via a recorded video. I guess you don’t usually see this on a techie conference.
Igor Minar from Angular project
Right at the start, a Google developer from Slovakia working on both Angular 1 and Angular 2 took over the stage. Igor Minar talked about the challenges and technologies that have influenced the 1st version of Angular such as jQuery, Google Web Toolkit or Adobe Flex. Quite a surprise for me was listening to Igor pointing out that they had done a few mistakes when designing Angular 1, which they tried to fix in the second version of this widely used framework. Most of us look up to companies like Google, Facebook or Apple and their skilled developers, but it’s nice to hear that they also make mistakes. I mean it the good way, of course.
Sean Grove and Reason(ML)
Sean Grove speech was about Reason(ML), which is another technology by Facebook claiming to be “a new developer experience for rapidly building fast, safe systems”. If Ocaml, ELM or functional programming is your thing, you should definitely check out these technologies. One thing took my breath during his speech. If I understood correctly, the Reason compiler not only gives you helpful hints on your errors (like the ELM’s one), but it can also literally rewrite some chunks of your code right when you hit save on your source code. This is kind of scary.
Guillermo Rauch and the future of ReactJS
Michael Glukhovsky and RethinkDB
Richard Feldman and Elm
The first day main speakers’ block was closed by energizing Richard Feldman from NoRedInk. Richard described how they were able to get Elm and React into quite a big existing app in production. The idea was to implement something small in Elm (or React) and then ship it all the way to production. If you prove your concept wrong, you can quickly revert to the previous version, and nothing really happens. But if you prove your concept right, you can re-implement more code and refactor your whole app into the desired technology over time. In NoRedInk, they were able to transform their whole codebase from no-React to full-React in 1.5 to 2 years. And they are on the track with Elm, too, as Richard is known to be a passionate evangelist of Elm.
The official part of the day was closed by so-called “lightning” speeches: five minute speeches from different developers. What got my attention was a rich-text editor developed by Facebook called DraftJS, published earlier this year. Basically, every time you update your status or write a comment, you use this library which supports all kinds of rich-text plugins like mentions, hashtags, images, and others.
After a great afterparty on Thursday, people were arriving to the venue quite slowly. Scheduled start at 9am was postponed for a few minutes. At 9:30am, the place was crowded again.
Max Stoiber and styled-components
The speeches started with Max Stoiber, who came all the way from Australia to talk about styled-components and enforcing best practices:
a) Build small stateless focused components (Button, Link, …)
b) Build these completely independent from your business login (controllers)
So split your smart and dumb (stateful and stateless) components where stateless focused components should take care of styling and stateful should care about data handling and business logic. He has built a library called Styled-components which solves different problems when building and styling UI components — global CSS names, dead code elimination, etc.
Mark Dalgleish and static sites
Mark’s topic, The Universality of Static Sites, covered challenges when doing both client- and server-side rendering. In his company, they had an outage of React servers which caused a white screen of death — no content was rendered on server- or client-side. So they came with an interesting idea to render site as static HTML in the buildtime as fallback. Mark has built a static-site-generator-webpack-plugin for this purpose. To optimize your content delivery, you can take this path:
a) server-side rendering,
b) client-side rendering,
c) static pre-rendered HTML as fallback.
Martijn Walravenm and GraphQL
Building better mobile apps with GraphQL by Martijn was engaging especially thanks to the recent buzz around GraphQL. He listed a few important reasons why try GraphQL instead RestAPIs:
a) RestAPI usually returns a lot of data, which you don’t really need.
b) You have to do multiple RestAPI calls in order to get all the data you really need.
c) Performance issues come along with a) and b).
d) GraphQL is built for product (UI) developers.
David Nolen and immutable data
Are you coming the next year?
To sum up, three days of workshops and great speeches from high-profile speakers made the ReactiveConf definitely worth visiting this year. Considering it was only the second year this conference was organized, I must also point out the almost-perfect schedule, tasty catering and great after-parties. ReactiveConf is definitely a conference to attend again next year.
Photos: Pavel Svitek / ReactiveConf Facebook