ConfPad

Development of digital products is a complex process that involves multiple and roles managers, designers, engineers, QA, and customers. This increases the communication overhead, slows down the process, and oftentimes results and less than ideal user experience.Design systems offer a systematic approach to the process of product creation. This approach est…

No other topic in software development probably has so much controversy as linting.With a wrong workflow linting can be really a pain and will slow you and your team down. With a proper setup, though, it can save you hours of manual work reformatting the code and reducing the code-review overhead.This talk is a quick introduction into how 🚫💩 lint-staged — …

Writing declarative code for our UIs is so common that we do not even think about it. But when it comes to writing logic for managing state and side effects it requires a lot of discipline to get the same benefits. We are going to talk about how we can get help writing our business logic in a declarative manner and see what benefits it gives us.

Managing the many user interface states of an application easily becomes complicated. We will discover how some historical and important computer science concepts – state machines and statecharts – and a functional + reactive approach can make it much easier to understand, visualize, implement, and automatically create tests for complex user interfaces and f…

From the very first prototype to a global site with content in multiple languages, the textual content of your app or project will be a series of compromises, some of which you wont even notice making. Localization is a ridiculously difficult problem in the general case, but in the specific you can get away with really simple solutions, especially if you und…

I'm writing my own YAML library, because none of the existing ones allowed me to manage comments within YAML files. Apparently this is not a thing one should do. The YAML spec is larger than the XML and XML Namespaces specs combined. No one in their right mind would want to write a parser for it.But, well, here we are. Let me explain where "here" is, the rou…

Life can be simple again. Haven’t we built the same house, or given the same haircut over and over? 80% of mobile app development is the same old song. So why is mobile so difficult/expensive? It’s not with React Native.Let,s look at how simple it is to get started in React Native using Ignite CLI. Using Ignite, you can jump in with a popular combination of …

When React was first introduced, it was ridiculed for going against established web development best practices as we knew them. Five years later, React is the gold standard for how we create user interfaces.Along the way, we’ve discovered a new set of tools, design patterns and programming techniques. In this talk, we’ll explore how we can apply the React ph…

What was it like to build sites in the 90s? What did we learn? And how to do it now?

All you need to know to become hero of CSS-in-JS with styled-components. We will go through the new API, performance improvements, server side rendering with Next.js and the theming manager available with v2 of styled-components.

This talk will examine how React changed the front end landscape as we know it. We will start by recounting the pre-React landscape, including prior art. Next, we will venture into the introduction of React, and its reception and growth.But most importantly, we will take a look at the core idea of React, and why it transcends language or rendering target and…

A case study of the app I am currently working on with my team. I will show you how we managed to set up a friendly environment with the best DX, spot bugs in early stage and deliver continuous builds to QA (just by merging the PR’s). I will also cover dropping classic state management thanks to apollo-link-state and overcoming react-native and metro-bundler…

Immer is a tiny package that allows you to work with immutable data structures with unprecedented ease. It doesnt require learning new data structures or update APIs, but instead creates a temporarily shadow tree which can be modified using the standard JavaScript APIs. The shadow tree will be used to generate your next immutable state tree. Join this talk t…

We will kick off with the basics and then quickly go into how to leverage features like variant types and pattern matching to make impossible states impossible. After you gained some knowledge about the basics the course will dig even further into ReasonReact.

Based on nikgraf introduction to Reason (Get started with Reason)tis talk goes deeper into the world of variant types and pattern matching and puts them into a practical context. You will learn how these tools help you design solid APIs, which are impossible to misuse by consumers.Additionally you will get more insights into practical ReasonReact code.

With React 16.3, the context API has been completely revamped. This talk will demonstrate a good use case for context Putting ad placements on your web page to get rich quick! You will learn how easy it is to use context now and how to migrate your old context code to the new API.

A year in, developing and using Detox in production taught us a lot. From designing its API to consuming it, testing real user scenarios to advanced mocking, we learned what makes sense when E2E testing an app and what doesn’t.In this talk, we’ll discuss how Detox works and what makes it deterministic, cover some advanced use cases and methodologies, go over…

Apollo has given us freedom and happiness when it comes to managing our data coming from the server but we still had to write code and sometimes a lot of it to manage our local state? Well, what if we managed it with queries too? Sounds too awesome right? Lets learn how to do this with apollo-link-state.

WebVR enables web developers to create frictionless, immersive experiences. We’ll explore the core concepts behind VR, see different demonstrations, learn how to get started with React VR and how to add new features from the Three.js library.

Every user’s hardware is different, and processing speed can hinder user experience on client-side rendered React applications. Server-side rendering and code-splitting can drastically improve user experience by minimizing the work that the client has to do.It’s easy to get lost in the lingo, so come learn what it all means and how to easily build universal …

I want to show you that the unexpected JavaScript things you encountered are understandable by humans and formally specified.

The first app that we could publish to App Store and play store, and what we learned on the way.

The best way to study a new development approach is to do it in practice. But good projects built with modern technologies most often require developers with experience in these technologies. One of the options to get this is a side project. What can it be in React?Varya will show how to generate a multilingual static website using Metalsmith, React and othe…