Case Study Festival
ONLINE, April 27. START 11am GMT DURATION 24 hours
React JS: Welcome to the out of box
<React JS>
React JS: Welcome to the out of box
40+ REAL-LIFE USE-CASE SHOWS
40+
real-life
use-case shows
<SPEAKERS FROM>
15 000+

Registrations expected
56

Speakers expected
24

hours of Tech Talks
<WHAT'S NEW IN REACT.JS 2021>
Mobile-first
Code optimization
Explainability
Javascript
Authorization
Monorepo
Redux
Typescript
Testing
Decision Science
Micro-frontends
Accessibility
Cypress
PWA
Prediction
Prediction
Serverless solutions
MobX
React Native
Hooks
Typescript
Cypress
React Native
Accessibility
PWA
Decision Science
Code optimization
Decision Science
Redux
Testing
Hooks
Serverless solutions
Cypress
Decision Science
Hooks
REACT JS: WELCOME TO THE OUT OF BOX
When we talk about React JS, we do always think about the huge amount of possibilities it gives in terms of performance improvement and reaching the final product success. But to get the most out of these possibilities, one has to open their mind and look deeper into the thing.
There are lots of related things to learn and to deepen into, so we decided to gather the world-class practitioners to share their experience and to bring you the newest knowledge and the most interesting cases.

React JS gurus from Facebook, Amazon, Microsoft and many other innovative businesses are ready to share their experience of being open-minded to use the React JS connected tools they know to the maximum.
Event for
CTOs, Senior and junior frontend developers, Team leads, Product Managers, Software-based startups owners
AGENDA
GMT(Greenwich Mean Time)
PERFORMANCE BOOST
11:10 — 11:50
"Making web more native"
Aman Sharma
13:10 — 13:40
Q&A
Career Track
Gives access to Career track only, recordings are included. Focuses on deep tech content around React developing.
11:50 — 12:30
"Same Code, Faster Application"
Roei Berkovich
12:30 — 13:10
"Rescuing a Spaghetti React project"
Prathamesh Sonpatki
DESIGN SYSTEMS, CLEAN CODE
11:10 — 11:50
"The good, the bad, and the ugly of design systems"
Andrey Okonetchnikov
14:30 — 15:00
Q&A
Pro Track
Gives access to both Career and Pro tracks, recordings are included. Focuses on deep tech content around React developing.
11:50 — 12:30
"Lessons learnt with Visual Tests and Snapshots"
Sendil Kumar
12:30 — 13:10
"Auth driven navigation using context"
Nir Kaufman
13:10 — 13:50
"Why do you need a Design System?"
Ashok Vishwakarma
13:50 — 14:30
"Battle-tested Data Viz with D3 and React-Spring"
Krystal Campioni
Intro
11:00 — 11:10
EVENT ENDED!
<WORKSHOPS>
2021, May 29-30, Online
Frontend engineer and an interaction designer
Workshop #2
"Resilient Component Libraries with React"
Andrey Okonetchnikov
Book Now 10 participants ONLY!
WHAT YOU LEARN
  • Why building your own component library
  • What makes a great component library
  • How to name and structure your components
  • How to create great APIs of your components
  • How to write reusable and composable components
  • Basics of components composition in React Compound
  • Components Behavior Composition with React hooks
  • Managing global state with React.Context
Senior Developer Advocate on the AWS Amplify team
Workshop #3
"React App Hosting in Azure (PAAS/IAAS)"
Gopinath Manimayan
Book Now 10 participants ONLY!
WHAT YOU LEARN
This workshop will help you to learn about React hosting solutions irrespective of hosting provider. Most importantly you will gain knowledge on azure PAAS and IAAS solutions on react application hosting. You will learn more minute aspects of the deployment issues and quick solutions towards them.
Tinder's using JAMstack in production, and here is how it's going.
Gatsby has been around for a few years now, just long enough for bigger companies to ask themselves "So Gatsby looks good, but is it production ready???" The answer: It depends. Throughout my case study I will explore how JAMstack helps, as well as share issues that I've come across along the way and whether some of those issues were fixed. Tinder has used the JAMstack on three websites so far: - swipelife.tinder.com -- a blog using WordPress + Gatsby on AWS - swipenight.tinder.com -- an internationalized Gatsby site on Netlify - emoji.tinder.com -- a Gatsby site that helped introduce a new emoji. Gatsby helps with speed, development, and accessibility. I will shine a light on the areas where it's helped us out the most. Everything good comes with trade-offs. I will explore also what went wrong (longggg build times, incredible amounts of infrastructure built, etc). Attendees of this talk can be a wide-ranging: "I heard of Gatsby/JAMstack, but not sure what it is?" to "I am using Gatsby/JAMstack at home, but is it right for my company?".
Battle-tested Data Viz with D3 and React-Spring
Even though there are lots of plug-and-play data viz libraries out there, they can only get you so far. In order to create amazing experiences that stand out, you should have the skills to build custom experiences from scratch.

In this talk we will discuss how to combine the power of D3 as a math library with React rendering capabilities. How can we build custom charts with SVG or Canvas? How can we spice them up with react-spring animations? How to approach performance issues when there are multiple animated elements on the screen? These are some of the questions that will be addressed as we dig deeper into techniques applied to real-world examples.
Testing in Production
How do you know your feature is working perfectly in production? If something breaks in production, how will you know? Will you wait for a user to report it to you? What do you do when your staging test results do not reflect current production behavior? In order to test proactively as opposed to reactively, try testing in production! Through her years of experience as a test engineer, Talia will take you through incidents in production that were safely mitigated and resolved with feature flags. With this process, you will have an increased accuracy of test results, your tests will run faster due to the elimination of bad data, and you will have higher confidence before releases. You will leave this talk with strategies to mitigate risk, to better your understanding of the steps to get there, and to shift your company’s testing culture, so you can provide the best possible experience to your users. At the end of the day, we don't care if your features work in staging, we care if they work in production.
Implement modern UI app with Micro-frontend
In this tech talk, I would like to talk about Micro-Frontend architecture. How it is different from monolithic? Its pros and cons. Along with Micro-frontend, I would like to cover few topics from (Creating and Working with hooks, Functional components, React Typescript, React State Management, React Native app development, Creating own component library and publishing it to npm).
4 lessons from 4 companies in 4 years
Working at IBM, The Human Diagnosis Project (HDx), Catalog, and now at Facebook has taught me many lessons about React State Management. I will share about the following 4 learnings with an example from these companies: 1. Use State Management right off the bat 2. Strongly type everything 3. The number of stores vs number of variables per store 4. Don't over generalize
7 Habits of Highly Effective Engineering Teams
As a member of an Engineering team, we all want to see ourselves succeed, otherwise why were we working so hard in the first place? We talk a lot about HR and management making it possible for teams to succeed. Apart from having good leadership that drives success, I believe every member of a team plays a part in the teams success. At the end of the day, the most successful teams don’t just consist of great managers alone. As the name TEAM implies, it’s a joint effort which means we do better as a collective. In order to move from building an ineffective team to building an effective team, we need to be able to look inward and check our perceptions. This means taking a deeper look at our character traits as opposed to personality traits. Are you a Software Engineer that has heard about creating an inclusive work environment for your co-workers and is trying to actively work on that? Are you a team member trying to increase the drive for success on your team? In this talk, we would take a look at the journey from dependence to interdependence and I would be using the book “The 7 Habits of Highly Effective People” by Stephen Covey as a case study while focusing on the character ethic that each member of every software engineering team should possess. I would be taking each habit and breaking it down in the software engineering context that is relatable.
How choosing a wrong form library can affect your project efficiency?
If you choose a wrong form library for your project it is going to effects your project efficiency. So we are going to see how I choose my next project form. And what happened to my previous projects that I went for a wrong form library.
React Native at Product Hunt
I'm going to showcase the React Native architecture we use in our newest app, Your Stack. What we learned, among the way. How we moved what we know from web to mobile. Topics will be designing reusable React components, GraphQL, routing in the app, application lifecycle, keyboard controls, toast messages, and others.
Slowest. Page. Ever. How we kept breaking the Codecademy course catalog.
Have you ever worked on a project where it felt like everything that could possibly go wrong does? At Codecademy, we firmly believe our course catalog page is cursed: from starting as our slowest loading site page by far, to bogging down our servers with a self-induced dedicated denial of service (DDOS) attack, to generally being a difficult page for our developers to update: we have a litany of complaints about that page. This talk will examine those complaints in order through the lens of a confused engineer debugging its symptoms. We'll see how to use the React developer tools to investigate, identity, and improve our catalog page's issues. We'll turn those learnings into actionable takeaways you can use to keep your pages spiffy, smooth, and stable.
A case for Microinteraction and Animations in Mobile Apps with React Native
Microinteractions have become essential in modern apps I'll tell you why, when and how to use them with your application. How these animations can make and break your next big idea and how easy it is to animate with react native with promising libraries I use all the time. Action speak louder then words so we will have some live coding of a practical example as part of this talk.
A year in the React world
Bootstrapping a project can be overwhelming, and, in the React world, you have to worry about a million things. Some popular questions that can cross your mind might be: "What state management solution should I use?" "What library should I use for testing?" "Should I start with hooks?" There are more than a thousand approaches, and everyone has their own opinion about it. This talk follows the process of bootstrapping and growing a React application for over a year, covering all the "did work" and "didn't work" scenarios from some of the popular subjects in the React world.
Auth driven navigation using context
In this session I will demonstrate how I implemented a Auth driven navigation using Context and hooks, and react Router. It is a live coding session, we will built this feature from scratch - while explaining each step
How to display a gazillion of metrics and keep your sanity
Say, you have a distributed cluster of 100 nodes. Say, every node collects 100 metrics. Now, imagine a chart with all the metrics from all the nodes. Have you managed it? At Hazelcast, we have not ;) We will define the needs of tech-savvy users like engineers monitoring the clusters. We will talk about what to do when you want to display all the data at once, but your users have a limited number of monitors and only one pair of eyes. We will speculate about what users actually want to see when they look at a chart of a monitoring web app. We will go over different approaches to filter the metric data and how an average, a median, and a definite integral can help us with that.
Understanding React Server Components
During this talk I will explain the concept and usage of the new approach to fetch data in React, called React Server Components.
How Credit Karma shipped COVID-19 Relief Center in a Week
Progress is one of the core values at Credit Karma; we value the ability to iterate on our product quickly and incorporate our learnings through each iteration in order to enrich the member experience. To support the demands for increased velocity and iteration cycles, we developed Credit Karma Containers, a "Write Once, Deploy Everywhere" platform that enables us to quickly build personalized experiences in both Web and Native. This is the story of the problems that led to the development of Containers, how we used React and GraphQL in the architecture of Containers to solve these problems, and our learnings after using Containers for a year
Making web more native
PWA have seen huge surge in recent years and business have been benifitting a lot from them. But many of them still struggle in making a better product experience, hence questioning the intent of a web app over native app in terms of user experience.

This talk is about decreasing the differnce between what is a PWA and a native app. We will see some design practices and patterns that can be helpful to remove this void ultimate providing an awesome user experience. This will include SPA, PWA, TWA , service workers, designing, native web api usages and more.
React Hooks and testing practices
React Hooks have been around and used for quite some time now. But how should we test React Hooks? This is a quite common question in the developer communities. We'll go through the do's and don'ts of react hook testing.
Our experiences with running Next.js in product. "No React for you"
Crystallize.com was launched in 2017 and is our main tool for being discovered online. The 3 top requirements for the website have been crystal clear since the start:
- Performance
- Performance
- Performance
We'll dive into the story of how we started out with Next.js, how the framework has evolved and how the web industry with tools like Lighthouse have kept raising the bar for what's "killer" performance. Mistakes were made along the way, all leading up to where we are today, where React is used on the server and not in the browser (kinda).
Same Code, Faster Application
A complicated React application usually consists of several components, utility methods, and third-party libraries.
The main problem that will affect the user, while shipping a large JavaScript payload is the loading time duration (especially on old devices and low network connections).
I will explain how we can split our bundle to multiple bundles with React.Lazy and React.Suspense and then ship it to the user only when he needs it
How (and why) to build an React app with RxJS
RxJS is an amazing library to handle asynchronous code. It is very popular among Angular developers, but less known in the React world. In this talk, we will understand a bit better about the library and how we can create a modular, performant, and well-organized application using it, and also understand all the amazing things we can achieve from it.
The Refactor Lifecycle of a React Component
At Outpost we moved from razor pages to React as we were growing capacity and competency we made a lot of mistakes and improved our quality of code over time. In this talk I will take a "God Component" that I see a lot - a component that ends up being 1000 lines of code and does too much, and refactor it using different strategies that are important to know to write better react. This will include a bit of overall architecture as well as some refactoring patterns. I am thinking to go through 3-5 different tricks, 5 min each, with an introduction + life coding.
UI component library with React + TypeScript + Tailwind CSS
Developing a UI component library by following a design system, will not only make your code reusable but also have a consistent design language across your products. By integrating your component library with design tools like Figma we can improve the developer-designer collaboration.

In this talk, I'll walk you through the component library that I developed using React, TypeScript, Tailwind CSS, Storybook, and integration with Figma. I'll also emphasise on the pain points and gotchas that I faced along the way.
Web for all
This talk is going to focus on the developers who are the builder of the web to understand why accessibility is important and not just limited to disable folks. We are in the world of Javascript based apps which is risk for the accessibility but still we devs can build the accessible apps while using reactjs. In this talk I will take them through the ways to fix the react app for accessibility eg: forms, page titles, image, dynamic content, localisation and few more such areas
The Four Principles of Accessibility
Within the WCAG 2.1, web-accessible content is broken into four principles collectively referred to as POUR. This acronym stands for Perceivable, Operable, Understandable, and Robust. These four areas specifically target areas where users have the most trouble when accessing digital content and provide guidelines for understanding how to think and approach accessibility.
Maximizing Productivity And Managing Complexity With Material-UI
Having to code every single component from scratch for every application becomes exceptionally tedious. Keeping styles and functionality consistent between all those components is a whole other challenge in and of itself. What about implementing intricate designs that look perfect at every screen size? These are concerns that many developers have after getting started with React. Let's look at how we can address all of these concerns, and more, with Material-UI.

Material-UI is a robust library aimed at simplifying web development with React. It provides a complete toolset for building production-ready interfaces entirely from scratch. Taking full advantage of these tools will completely transform the way you think about and build React applications, allowing you not to be limited by technical capability but only by the extent of your imagination.

We'll see how Material-UI can maximize our productive output and reduce complexity for building incredible applications. We'll mitigate boilerplate and start working faster by using its vast component library, consisting of all the common elements found in most web applications. Then we can bring our designs to life with Material-UI's styling solution for completely customizing those components and its theming solution for consolidating the most commonly used styles. Helping us show off our hard work is the layout system for consistently arranging our components on the screen. Finally, the responsive design system ensures our designs look perfect on the largest screens down to the smallest mobile devices.
Converting UR Play into React - a legacy rewrite case study
This talk is a case study on how UR (the Swedish Educational Broadcasting Company) used react-rails with Cypress as a TDD tool to successfully convert their old Ruby on Rails app to React without breaking functionality.
Server-side React rendering using Next.js
This talk will cover the getting started part of Next.js and also compare the difference between SSR and CSR and when we should use either.
Adding a Second Pair of Eyes with Visual Testing
Testing is a hard, but critical part of a development workflow. Without it, bugs can easily sneak through to production, costing us money or worse, costing our customers money! But setting up those tests can be a pain as you typically need to add very specific code to test very specific things, meaning, those tests are specifically fragile and easy to break with new code.

Visual Testing is a way to cover your project using screenshots from your web or native app allowing you to perform real-world actions and make sure they behave as you expect.

In this talk, we'll walk through what visual testing is and how we can take advantage of Applitools Eyes visual testing powered by AI to make sure we're maintaining a high level of quality of our apps.
From Context API to RecoilJS
Recoil JS was recently debuted from Facebook Open Source at React Europe and many developers are wanting to know how they can get started using it in their existing React applications. One of the easiest ways to get started is by converting an existing app from Context API to use Recoil JS for basic global state management. This talk will walk through the many Recoil JS Hooks API's that make it easy to make this transition. If you are familiar with React's Context API, using Recoil JS can be a breeze to get started with.

Demo Application Starting Point:
https://github.com/httpJunkie/react-app-base
Simple way to build an awesome product
Imagine you want to build a product, you need to know how to lead the challenges, Pick the right technology stack which depends on the team's knowledge, communicate with the team, keep the team's spirit up, meet the goals, deadlines and move your project to success.
Using GraphQL for a faster React Development Cycle
Handling data fetching is one of the biggest (and most duplicated) topics in web development. We developers often need to write a lot of imperative code to retrieve data to display in our applications. With GraphQL you can improve the development cycles of web development and I'll show you how (even without a GraphQL server)!

Writing code for data fetching and handling state afterwards, is one of the biggest and most duplicated topics in web development. When working with frontend libraries and frameworks, you often have to use tools like RxJS, Vuex or Redux to combine responses from multiple APIs when using *traditional* REST services. GraphQL (and the surrounding ecosystem) can help you solve this.

In this talk I'll show with live demo's and coding how GraphQL can help you improve the development cycles and improve the DX for the developers that write the code. Also, I'll show how a more declarative way of handling data fetching reduces code complexity and gives more freedom to developers. Something that saved me and my company lots of time and development hours.
Case Study: SCRUM multinational, multicultural team
There is no denying that SCRUM has revolutionized the way projects are delivered.

However, when it comes to implementing Agile in a multinational, multicultural team, organizations have faced some friction points and setbacks. One of the key reasons is that agile is experienced and interpreted differently in different national cultures.

For example, expecting all members of the team to speak up in daily scrums and take the tasks yourself is natural to certain nationalities, but comes across as a new way of working for many others.

An Agile transformation is culture-specific and to have an effective set up, teams need to know how to turn these differences into strengths rather than a source of misunderstandings and frustrations.

During this talk, I will share a real case where an extremely talented but multinational, multicultural team using the SCRUM methodology just could not breakthrough because of intercultural friction.

And I will explain the training intervention and how we, all together transformed the obstacle of cultural differences into the advantage of cultural differences.
The good, the bad, and the ugly of design systems
So a manager says your organization needs to adopt a design system so you can finally make all buttons look consistent. As an engineer, you create a repository called "design system", add storybook as a dependency, and start writing components. Life is great and you feel like you're fulfilling your purpose in life. After weeks or months in working, you're ready to roll up your shiny new design system to the product (or products?). And this is there you realize the reality is so much different as your expectations.

Issues and bugs are stacking in the project's backlog, adoption rate is slow, designers don't really care about your effort, and developers are questioning the whole idea of the design system since "design says it should be 23px why can't I just write it like this?".

Welcome to my world! In this talk I want you to guide you through a year of my work as a design system consultant showing your problems that the design system team has to deal with on a day to day basis and some possible solutions.
Error Handling for a Better UX
In an ideal world, we would expect to see our app working smoothly all of the time. Unfortunately, we do not live in an ideal world, and so it is inevitable that we will sometimes encounter unexpected runtime errors in our app.
When this happens, our beautifully crafted app comes crashing down like a house of cards.

But why should one JavaScript error in a part of our UI break the entire app?

In this talk, i will discuss how we implemented better error handling to provide our customers with a better UX, and how we used that strategy to log our production errors which enabled us to be more proactive when handling UI issues.
A developer's tail about building an admin portal with GraphQL
Using React and Apollo to make building admin portals with tons of data a bit more fun.
Lessons learnt with Visual Tests and Snapshots
How confident are you with your tests? Does it work only on your machine?

Do you have thousands of snapshot files and don't know what is happening in them? Or do you have MegaBytes of images and that slows down your development?

Either way testing components is not an easy task. There are numerous factors out there that will break your component and it will be hard to justify, find, and address them.

Let us explore how to efficiently test and what will work and will not work in your component testing.
Boost up your React app performance
Time is a valuable resource for us and this applies even more for web app users. It's really important to improve the performance of our web applications and thus providing a good quality in the user experience we provide. In this talk I'll present the foundation of performant React applications and then we'll dive deeper in concrete code scenarios analyzing best practices and the main React features dealing with UI performance.
A year on managing technical debt on multiple React SPAs
Working on real world React SPAs is quite different from examples and tutorial found on the web, most of the time involving dealing with existing code, sometimes "bad one" that we qualify as technical debt.
On a personal return of experience and use-case of working 1 year on migrating multiple React SPAs to modern technologies (GQL, TS), we will see concrete example of architecture and organizational issues linked to technical debt and how to cope with them with some tips and best practices.
Building Large Scale Web App
Modern front end framework provides an easy and delightful way to build UI and web applications.

However, when the app starts to scale and getting complex, it might be hard to keep the same simplicity and maintain the initial performance.

In this talk you will learn some key method we used at Tinder to keep our web app high performant and in the same time extendable for product features and framework optimizations.
BUILDING A TESTING CULTURE
We all heard a lot about the importance of testing, TDD or automation. But even though everyone agrees that a project can use more tests and automated tests would solve a lot of issues with re-occurring bugs or stability inconsistencies, it never goes further than a couple of new tests that go from green to red in a month and never get updated afterwards. In this talk I will walk you though a process of adding automation into your project, building priorities and culture around tests.

The talk will show:
* Where to start with writing tests
* How to support your automated test systems
* How to make sure your team is aware of the value automation brings
* How to avoid your tech debt being a place where inspiring automation plans come to die.
Building OpenWeb with decoupled WordPress & Gatsby using GraphQL
OpenWeb’s rebranding from SpotIM by rtCamp was focused on implementing a modern design, a blazing fast website and also a fully featured and powerful editing experience.
With this case study - we will learn how this can be achieved with a combination of React with Gatsby & WordPress using GraphQL.
What this talk will cover?
- Real world project of using React and GraphQL in a decoupled WordPress + Gatsby architecture.
- Challenges and best practices when implementing React and GraphQL for data heavy site at an enterprise level.
- How rtCamp built a static optimized front-end in React by sourcing the data from a decoupled WordPress backend using GraphQL
Reference: https://rtcamp.com/case-studies/openweb-decoupled-wordpress-gatsby/
Programming in Laziness
With the ever growing landscape of tools, languages, frameworks, and services in the developer ecosystem – it's becoming harder and harder to decide what to focus on and where to invest our time. At the same time, attention is becoming a commodity; so deciding where to place our focus is becoming more and more important.
In the programming world, there is no linear relationship or correlation between the number of hours spent writing code and a satisfied user.
In this talk, I'll deep dive on a philosophy and strategy that has resulted in solid results consistently over time - one that focuses on investing time in things that have an exponential payoff as well as how to recognize and capitalize on these trends.
I'll then describe how React fits this model, walking through how we can use React to build apps that are outside of the traditional web or mobile model. We'll be reviewing the APIs and libraries for using React primitive to build things you may have not thought possible.
Refactoring All the Way
In the era of modern websites, the notion of design system has become mainstream. As many teams, we chose to build one for arte.tv replay website.
It brings multiple advantages such as visual consistency or better communication and it improves development efficiency.

In the life of a project, UI requirements changes and they do often. Changes request can have a high impact depending on the way the project has been designed.
Sometimes you end up being stuck in a dead-end, updating the code might be too complicated because of the lack of time, context or simply because you are scared to introduce new bugs.

We faced all of these issues at ARTE. And oftentimes, by simplicity, we preferred to add tiny patch here and there to fill the need. Adding code is great when creating new features. But when it comes to make changes on existing functionalities, it increases complexity. The more lines of code you have, the more context developers need and the hardest it is to maintain.

After a few months, it became clear that the project didn't scale as required and that we have lost the benefit of a Design System. We decided to take a few steps back, re-think our stack and the way we would like to approach the project in an ideal world.

After many exchanges and technical learnings, we decided to make a big move. This talk is about the way we rewritten the Design System with ReasonML and ReasonReact and how we made the codebase scalable to get confidence in shipping new changes.
Performance and Scalability in Web Applications built using ReactJS
Building web applications using a framework is easier but building scalable and performant web applications is a bit tricky. In this talk, we will see how to follow different architectural patterns that scale, how to follow the best practices and how to avoid common pitfall.
Why do you need a Design System?
Having a Design System in place acts a saviour. It closes the gap between the designers and UI engineers who work on multiple products and often re-create or duplicate work done by other teams.
React-Redux - Building an Optimistic UI
When you send a text message, post something on Facebook, or remove an item from a site's shopping cart, it appears that your changes took place instantaneously. However, in most cases this is actually a clever UI trick that makes the website appear blazing fast. In this talk, we take a look at "optimistic UI" - an exciting new trend in front-end development - and see how we can implement it painlessly using React and Redux.
Scaling products with Storybook
Developing a product is a challenging process. To make it scalable is even more complicated, even if you choose a good solution like React Native.

Projects have a road map, product managers have something in mind but very often, companies face a lack of communication between product managers, developers, and designers.

Besides that, as soon as the application scales, it becomes harder to maintain and document new components without affecting other parts of the app, and to onboard new developers and designers.

That's why I want to talk about Storybook: a handy solution for building components in isolation, within a platform where we can test and document them in all the different desired states, even the hardest to reach. This makes it easier for product managers, developers, and designers to work as a team.

We will look at real examples and deep-dive into Storybook features and their addons. The presentation will help you decide if Storybook is the right tool for you.
Applying Event Sourcing to Enterprise Front End Applications
Event Sourcing is fast becoming the preferred paradigm for building new software. React / redux is primed to incorporate event sourcing, but how? This talk explains it.
The state management system that fits your requirements
Are you following the trend or you think about your app? Are you afraid of choosing a new state management system? Are struggling with your app state management system while you really think it's not necessary?
You have been challenging your react app local and global state for sure. Integrating a state management system to a react app has been a pain at the beginning but it's improved nowadays. There is a wide range of solutions and it's very important how are you going to adopt one. Choosing a proper solution for your application would help your development experience, app performance, and scalability of your app. Join me to find more about different solutions for different applications!
Svelte Insights for React Developers!
A good developer can only fully flesh out a solution when he is able to observe the problem from multiple angles, since 2013 the world has learned and gained experiences with React. Some have come to love it, other to hate it. The thrush is, it certainly does the job when used well, but these days it's not the only thing out there, and there are newly thought and perhaps better tools we can use to deliver faster, better and by writing less code that ultimate gives our apps better performance. One good example of such alternatives is Svelte & Sapper! This talk provides deep insights about Svelte and Sapper for ReactJS Developers.
Build a lightening fast site with Next.js, GraphQL and Tailwind ⚡️
Next.js has really grown it's popularity over the past couple of years with features like server side rendering, incremental site regeneration, image optimization and lots more whereas GraphQL is known for not just returning data for what you need with good schema design practices but also a good dev experience.

In this talk, I'll talk about how one can build an app that not just scales but also has high performance with Next.js, GraphQL and Tailwind. And Lastly, the future of CSS and Frontend development is building utilities so CSS does not feel like an afterthought. At the end of this talk, you will learn how to go from building a sample app to a highly performant production ready application.
Rescuing a Spaghetti React project
Typical startup environment, fast pace of development. After 6 months, realization sinks in that the code is not maintainable at all. Everyone scares to touch the code. How do you come out of this? Well, you go back to drawing board and improve one thing at a time. With Typescript it becomes easier to enforce correctness into the codebase and that's what we did to rescue our frontend app at Last9.
Why, Lighthouse? Why?
Are you following the trend or you think about your app? Are you afraid of choosing a new state management system? Are struggling with your app state management system while you really think it's not necessary?
You have been challenging your react app local and global state for sure. Integrating a state management system to a react app has been a pain at the beginning but it's improved nowadays. There is a wide range of solutions and it's very important how are you going to adopt one. Choosing a proper solution for your application would help your development experience, app performance, and scalability of your app. Join me to find more about different solutions for different applications!
Performing in a robust and scalable project by creating a components library
On this talk I will speak about an important project for the entire country that compelled its financial institutions to take action. PIX is a new instant payment method and it had never been something similar in Brazil. Using PIX, allows you to transfer or receive funds "from-to" any type of account without costs. You will only need a key of your choice such as your cell number, your e-mail, your CPF(similar do Social Security in US) or a random number generated by the bank for you. This was a challenging project as Brazil's Central Bank announced that for banks that had more than 500 thousand active accounts it would be mandatory to implement PIX. However, although ABC Bank did not meet this requirement imposed by Central bank, ABC bank decided that being on the same rank as the other financial institutions would be a strategic decision. We had 2 months to develop this entire project and as this was a short period and lot of features to be implemented we had to take many strategic decisions with the developer team along the way. The first decision was to create a components library to be utilized not only for the PIX project, but also for all the other projects. In this talk I want to explore all the knowledge acquired, how we structured our components library, how we separated our files and how our team tasks were delegated in order to conclude the project within the estimated delivery date. Topics: - A brief introduction of PIX project - Determination of baseline with the team and good practices to be adopted. - Creation of a components library to be used on all of the bank projects - Separation of development responsibilities by workflow functionalities - Choosing libraries based on their functionalities - Closing
Why going event driven is probably a good idea
Legendary Emotional Intelligence, 6 Tips You Can Implement Right Now
Why Emotional Intelligence matters more than IQ? In this talk we will go over what is EI, identify traits of a highly emotionally intelligent person and go over 6 tips that you can implement right now in your day to day life. Join us as this class is designed for the techie who needs to Unplug and Unwind and start the lifelong learning process of EI.
<PROGRAM COMMITTEE>
Milad
Heydari
Full-Time Developer | Learner | Part-Time Speaker | Teacher
Uri
Goldstein
Founder of The Guild | Lecturer
Ladislav Navratil
CPO of nangu.TV | Founder of unlim.io
Catalin Gabriel Miron
React | React Native | GraphQL and Open source enthusiast
Carrie Maxwell
Environmental Scientist | Freelance Web Developer | Civic Hacker
Rajat Kumar
Full-stack engineer | Speaker | Javascript module bundling enthusiast
Neha Sharma
Software Development Manager
Nader Dabit
Senior Developer Advocate
<Partners>
<OUR TEAM>
While offline events are temporarily gone, Geekle never stops! We are running the Case studies summit for React JS Developers on April 27-28, 2021. Our speakers are leading experts from top companies all over the world who are ready to share what challenges React JS developers face in their work.
Geekle has the unique experience to gather huge tech summits with 11'000+ attendees in different tech domains. We hope to create something the world has never seen before for the World React JS Community!
See you all!
Geekle Corp.
910 Foulk Road, Suite 201
Wilmington, DE
19803, USA
Designed by:
We may from time to time make calls and/or send text messages to you at any telephone number associated with your account. You certify, warrant, and represent that the telephone number you have provided to us is your contact number. You agree that Geekle US may send emails to you at any email address you provide us, or use other electronic means of communication to the extent permitted by law.
I hereby certify that there is no restriction on the right to process the personal data transferred by me to the Company, as well as my voluntary consent to use such personal data by the Company, granting the right to process and access the Company's representatives and the third parties for the above purposes for the period necessary to achieve the objective of processing or until the withdrawal of my consent.

I am also aware that at any time I may request and/or change my personal data being at the Company’s disposal, as well as withdraw my consent to the processing of my personal data by emailing the Company at email.
For the convenience of our clients, Geekle US uses Stripe for its online credit card transactions. Stripe processes online credit card transactions for thousands of merchants, providing a safe and secure means of collecting payments via the internet.
For more information about Stripe and online credit card payments, please visit https://stripe.com
This website uses cookies to ensure you get the best experience
OK