A one day open-source ReactJS conference - festival 

Single track. 200 developers. Non-profit. By the community for the community. One day workshops / one day conf. 

ReactFest

Why would it ever make sense to put a GraphQL server inside a browser? Client-side applications using React should consider this because of how it streamlines application development and solidifies the data - component relationship. 

It can also speed up your front-end application if you're dealing with millions of rows of data because your WebWorker will be dealing with the expensive stuff and your UI's Main Thread will be free for faster rendering. 

In this talk David explains why it makes sense to run GraphQL inside a browser for "pure" client-side applications and how to interact with WebWorkers to achieve this goal. 

GraphQL Servers in the Browser

Suspense!

While about 51% of the world's websites are in English, only about 25% of web users are English speakers. 

With half of the world’s population online, internationalisation is as crucial as ever. In this talk, we'll explore why all your lame excuses for not internationalising are wrong and how you can get started with i18n today.

React + i18n - You Have No Excuse!

The React + Redux stack has become very popular and in addition with Electron is even used in desktop applications. 

Companies are using that stack to build chat clients, email clients and music streaming applications. Building applications for the desktop however comes with its own set of unique problems that usually don't apply for web applications. 

Users will have the app open for a significantly longer period of time than on the web. This means that all of a sudden web developers have to think about memory management. 

Redux itself does not come with tools to help you clean up your state but it is very flexible and allows developers to build solutions on top of it.

Garbage Collection in Modern Web Applications

We're going to start with exploring the evolution of making a SPA. 

Then we're going to dive into the problem of how fetching, caching, and reading data really complicates state-management and see what approaches we took with different libraries and frameworks like jQuery, Angular, and React.

External state management frameworks like Redux and MobX definitely helped with this problem, especially when the data is fetched from a REST endpoint.

But now that we're using GraphQL to take care of the data, is an external state-management library even needed?
Can GraphQL coexist with the other state management frameworks? What about server-side rendering? What are the pros and cons of each combination?

We'll find out what's the best way to approach this in 2018.

State Management in a GraphQL Era

Developing in React Native we often forget that event an simple "hello world" uses almost 1 000 000 lines of code. A non negligible part of it is dedicated to organising its launch, from firing the JavaScript thread to maintaining a "bridge" between JavaScript and native code. 

While it might be fine not to worry about it for small applications, bigger developments can benefit from understanding what React Native does under the hood. For example, have you ever wondered what is the meaning behind the usual boilerplate when creating a native component? 

After a short overview of the launch phase and threading in React native, we will dive deeper and look at what exactly is hidden behind the "bridge", before discussing how it allows the creation of native modules usable both from native and JavaScript code.

Wait, What Happens When My React Native Application Starts?

OK! You've gotten to grips with JavaScript typing basics, and you want to use them in anger. You see talks with titles like "Pro-functor Lenses" and shrug. You will get to that level but for now you're just trying to make types help you create something marvellous.
 
You're not alone! 
 
We're going to cruise through building a full-stack application consisting of React, GraphQL, node and ReasonML to demonstrate how to best wield these weapons against real-world web application problems with both confidence and style.

How to Draw an Owl

The future of state management in React apps is here! 

In this talk, we'll discuss why GraphQL queries and mutations are a perfect fit for describing what's happening with our app's local and remote data. 

You'll also learn how Apollo Client can simplify React state management by eliminating configuration and providing one unified interface to all of your app's data.

Zero Config GraphQL State Management

CSS is hard ! I made a living out of it being hard but when React was introduced we had a whole new level of fighting over CSS, there are so many ways to approach it and so many trade-offs one can do when choosing the better approach that a talk that will go over these options is more than necessary.

Let's walk this road together and I promise it will all be fine and you will leave with an idea of type of styling is better for each project.

Hint: There is no perfect way ....

The Dark and Lonely Road to Styling in React

It's time to leave the 2D world of a browser window and venture into the world of enhanced reality JavaScript applications. 

During the talk we'll see how to make great VR and AR experiences using just your browser and a bit of React, with live demos included, so we'll get to see them in action!

Journey Through VR and AR with React

Not to be confused with insurance policies for the over 50s, redux-saga is a super handy library for managing side effects (such as API calls) in your React app. When used in conjunction with Redux it's a powerful way to fetch data into the state while your main application is executing. 

Whether or not you've used the saga pattern or related libraries before, this talk will explain what sagas are, how they work, what they're useful for and - the icing on the cake - just how easy they are to test (especially compared to some of the alternatives out there such as redux-thunk).

The talk is pitched at developers who are comfortable with React and have at least a baseline knowledge of what Redux does. 

An Introduction to Redux Saga: Side Effects Made Easier

What are the secrets to productivity for a React developer? Could you be faster and happier while building components? 

From Stephanie's experiences working on React/Redux projects that have lasted from days to years, she will share some of the tools, work environments and teams that have worked best.

Productive React Development

While the React stack and its many third party tools are powerful Beasts, as a React developer we often find ourselves trapped within errors ( webpack errors anyone?) that are the main cause of frustrations in our day to day work. 

This talk mainly focuses on going through some of the common development errors, peeling through the underlying principles of React, GraphQL and webpack in better understanding how we could tame those three beasts and be a master of our tools.

Taming the Beast  How to Tame React and GraphQL

ReactFest is an open-source ReactJS conference build by the community, for the community. 

ReactFest 2018 experience

Building high quality interfaces that are consistent across products is hard. Fear not, Design Systems with React is the solution!