ConfPad

How the web ecosystem shaped Angular 2.No open source software is developed in a vacuum these days. We are all part of a larger ecosystem where ideas and solutions to problems are shared, improved upon, and shared again. In this talk, we'll look at what Angular learned from its past as well as other libraries and frameworks like React, Polymer, and Ember, an…

Testing the way it should be Testing is the essential bedrock of software, and we can all agree it's a must­have. There are many testing tools for the front end, but most (if not all) suffer from some crippling problems. We’ll explore these problems and the solutions Cypress.io offers to take the pain out of testing.

Reason is a new developer experience by Facebook built and championed by the same people behind React. Based on OCaml, it offers powerful type-checking, incredible tooling, fantastic performance, and truly unbelievable reach (as in you'll be sceptical that it's possibly true).Let's look at the range of practical capabilities of Reason - building universal ap…

React Native’s asynchronous model of bridging between UI code written in JS and the UI thread that runs most of the native code has many advantages to the app users. But in same cases it may become a developer’s nightmare to deal with, especially when it comes to complex touch interactions, animations or "that damned AsyncStorage". In my talk I’ll be giving …

What's Next? Exploring the future of ReactThis talk will explore future directions for the creation of reactive applications.

Those the change! World-renowned mobile and web innovators got together for three days in one town.ReactiveConf, October 26 - 28 2016, Bratislava, Slovakia,Building modern apps requires a lot of boilerplate backend code - setting up server endpoints, forwarding requests to the database, and performing authentication are examples of code developers have to wr…

Those World-renowned mobile and web innovators got together for three days in one town.ReactiveConf, October 26 - 28 2016, Bratislava, Slovakia,Jared Forsyth: Paradigms for dealing with asynchronyState changing over time is a frequent cause of bugs, confusion, and general hair-pulling, and we've developed a number of ways of trying to tame it—observables, co…

Those driving the change! World-renowned mobile and web innovators got together for three days in one town.ReactiveConf, October 26 - 28 2016, Bratislava, Slovakia,Daniel Woelfel: Optimistic updates in a pessimistic world

Those change! World-renowned mobile and web innovators got together for three days in one town.Thomas Roch: Past and future of client-side routing MVC frameworks made single page applications a lot more accessible to front end developers. Routing is a key feature of MVC frameworks, enabling view and URL changes without a full page reload. It has shaped a vis…

Those change! World-renowned mobile and web innovators got together for three days in one town.ReactiveConf, October 26 - 28 2016, Bratislava, Slovakia,Richard Feldman: Elm and React in production At NoRedInk, we've been heavily using Elm and React side-by-side in production for over a year. After 35,000 lines of Elm code and about the same for React, we've …

Those change! World-renowned mobile and web innovators got together for three days in one town.ReactiveConf, October 26 - 28 2016, Bratislava, Slovakia,For inspiration, look at one of the most-starred Lightning Talks proposals for ReactiveConf 2016.Peter Perešíni: Reducing Redux Boilerplate.Redux is a predictable state container for Javascript (and React) th…

Typed functional language that compiles to JavaScript. It’s well-known for its developer experience: the compiler provides nice error messages, the package system enforces semantic versioning for all published packages and makes sure every exposed value or type has some documentation and type annotations.In 2016, more than 700 attendees from all over the wor…

Blueberry, we’ve been frustrated with maintaining and getting oriented in our React components and their props. That’s why we made a tool for automatically generating a component library from a project’s components. We named it BlueKit and released it as open-source.Developers, designers, and other project members can use the generated library to browse thro…

This Facebook open sourced its React based rich text editing framework Draft.js. At Facebook it powers status updates, comments & notes. Others used it to build editors matching Medium’s experience.Do you see yourself on the ReactiveConf stage? Do you want to become the next ReactJS superstar? If you think you have a great idea everybody in the community sho…

JavaScript developer, could you imagine using something else than Atom, Sublime or other IDE-like text-editors? In their daily work, people wrangle a lot with different applications, editors, windows, browsers and loose a lot of time because tools getting in their way.A lot of people are using the terminal already. So why not just leverage it to its full ext…

I will articulate what I have come to find to be a superior approach to building React applications — treating them as functions, not templates.I will introduce how to:- Separate the application you’re building and the platform its on from the components you write (Hey, that’s this one! Read on!). Inject state into your application, and what a “container” ak…

In regular websites, it is common to sent multiple events to track users clicks. Single Page Applications change the way you look at metrics. This talk is about a simple framework we created at Globo.com to manage a metrics layer for http://globoplay.globo.com. The talk will cover how to track user flow using Google Analytics and other services. The challeng…

Recently I wrote a small package called react-css-themr, which allows you to separate styles from components, plus an easy API to compose and inject styles. Currently I’m migrating React Toolbox to this approach and, although I don’t know yet how this will it work, I’m sure it’s gonna change how we handle styling for vendor components, making easier to custo…

[I'm going o talk about] writing a markdown editor which will output customizable React components, and also accept custom syntax for rendering custom React components.The talk is going to explain the following things:Writing a markdown editor in ReactHow to render the markdown syntax as React componentsHow to customize the rendered React componentsHow to pl…

Gregory Shehet: Road from UndefinedLand I work at Grammarly. We like React and happily use it in our applications. However, sometimes something goes wrong and bugs creep into the code. Here comes testing. It helps make us confident about the quality of our code.Do you see yourself on the ReactiveConf stage? Do you want to become the next ReactJS superstar? I…

Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.My 3 developers team has just developed React.js application with 6561 lines of CSS (and just 5 !important). During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance prob…

Max Stoiber: Styled-components: Enforcing best practices.Building user interfaces on the web is hard, because the web, and thus CSS, was inherently made for documents. Because UIs fundamentally are not documents, we've seen a mindset shift towards building them as component-based system – we are now in the component age. The rise of JavaScript frameworks lik…

Marcela Hrda: Building validated forms with great UX in React.Creating validated forms that provide great user experience can be much trickier than you think. I will show you what problems you might encounter... and the answer to these problems.

Mark Dalgleish: The Universality of Static Sites.React played a pivotal role in the widespread emergence of universal/isomorphic apps, rendering on both the server and client. However, many applications continue to render purely on the client, and for good reason—running a React server in production doesn't come without significant challenges. Typically we f…

What if instead of building your own mental model of how data flows through your application, you could actually see the data flowing in real time? In this talk, we will explore functional and reactive streams as a building block in JavaScript applications with tools like RxJS, Cycle.js, or xstream which enable DevTools from the future.

Tomaš Kulich: Writing Sound Asynchronous Code with Coroutines abstrakt.In 2016, more than 700 attendees from all over the world spent three days in Bratislava getting inspired, sharing amazing new ideas, and meeting more than 30 awesome speakers from companies such as Google, Cognitect, NoRedInk, RethinkDB, Airbnb, Microsoft, Facebook, and the list could go …

Michel Weststrate: Immer-mutable state management.Mutable or immutable based state management. That is the question. But what if we could have both? In this talk we will explore an opinionated state container that serves both worlds. A single coin with two different sides. Mutable properties, instance methods, immutable trees, structural sharing, replay-able…

Ryan J. Salva: Building Universal Windows Apps with React Native abstrakt.

Martijn Walraven: Building better mobile apps with GraphQL If you’ve used the Facebook iOS or Android app in the last four years, you’ve used a mobile app powered by GraphQL. In fact, development of GraphQL started in 2012 as part of Facebook’s effort to move from web-based to truly native mobile apps, and it is now a core part of the Facebook infrastructure…

React Native does a lot out of the box, but also provides very powerful abstraction layers that can enable you to get React Native to work for your use case, even if it's not supported out of the box. The bridge, Native Modules, and Native Components are a big part of this. When integrating with large existing native code bases, this becomes more and more im…

React Native is a flexible & pragmatic tool that lets you mix JavaScript and native code with minimal friction. But for some large subset of apps, there is no need for any app-specific native code, as long as a rich library of native APIs are exposed. If we are explicit about constraining our environment to only JavaScript, our apps gain some very useful pro…