React Finland
Tooling with Tejas, Bohdan, Tomáš, and Christoffer
A mystery badge was found at the beginning of the tooling session
When it comes to technologies like React, the core library itself isn’t huge but there’s a lot of tooling around it. The purpose of the tooling session of React Finland 2019 was to cover some of that ground.
Tejas Kumar — Scalable (Design) Systems with TypeScript#
Sketch notes by David Leuliette](/fb337b1d1720dfbbedea669b8478d6e8.png)
One of the running themes in the conference was the topic of design systems and how to develop them.
In his talk, Tejas showed us how he developed his system — or rather specifically, how he combined Styleguidist with TypeScript and the editor from Visual Studio Code.
I hope Tejas’ work will find its way to Styleguidist one day!
- To hear Tejas’s thoughts about the topic, go to 40:55 at the podcast.
- pdf slides
- contiamo/operational-ui
Bohdan Liashenko — Codecrumbs in React#
Sketch notes by David Leuliette](/309431b0241efd4f3d3f4688bb046dbd.png)
Even though a lot of time is spent understanding code and the way it works, a lot of our tooling isn’t designed the purpose in mind.
I invited Bohdan to the conference so he could demonstrate how his new open source tool, Codecrumbs, can help you develop against complex codebases and annotate them for your colleagues.
The basic idea is that you’ll annotate how a specific path of code through works across a codebase. These crumbs can then be shared with other developers in the team.
Tomáš Konrády — React Union: Write once, plug anywhere#
Sketch notes by David Leuliette](/a045b78e96eea3c3efa02f5f5a062cf0.png)
Although developers often use React to develop single page apps, and increasingly static sites, there are times when you might want to integrate it into WordPress or perhaps Liferay! It is exactly this use case where React Union by Tomáš Konrády comes in.
Christoffer Niska — Releasing a library written in TypeScript on NPM#
Sketch notes by David Leuliette](/3077fb8373dba4511dadb9f9505845fb.png)
Given there are so many moving bits these days, the question is, what to publish to npm and how to achieve it when using TypeScript. It was this question that Christoffer Niska explored in his talk.
Conclusion#
I feel a lot of complexity of React comes from the tooling around it. That said, the situation is clearer now that create-react-app and other technologies have become the standard for many users. As shown by the session, there’s still innovation going on and I expect the tooling become more mature in the coming years as the community accepts new practices.