React Day Norway Online

This talk will talk about how we progressively adopt lots of new browser API into React ecosystem to improve our user experiences at Tinder (Network information + Suspense for advance code splitting, honor user preferences - reduce motion, data saving, dark mode in React renders)

Nowadays, web apps are richer and more interactive than ever before. With more code running right in the browser, it has become increasingly more challenging to deliver fluid, native-like experiences for users, especially on less powerful devices. Enter Web Workers! In this talk, we will learn what Web Workers are, how they allow us to build better and snappier user interfaces by lifting work out of the main thread, and some ways that you can use Web Workers in your React applications today.

As long as we’ve been using the internet, and way before that, we have been authenticating through some sort of username and password combination. It has become the standard. With the ever-increasing number of web-apps, we’re seeing more and more data breaches as well. What if we could build our authentication processes in a way the user doesn’t need a password?

Do you ever feel like you’re stuck in your career? Do you constantly feel like you don’t have time to work on your projects? Do you want to learn something new, expand your knowledge, develop yourself and be the best you can be?

In this session, I am going to share my story on how I started coding, how I make time to work on side projects and how you can grow and advance in your career. After this talk, I hope you 'll be inspired to work smarter, make new habits and continue pushing yourself even when things fall apart.

I will present some helpful tips about self-motivation, time-management, setting priorities and goals, staying organized, believing in yourself and keeping a balance between your career and personal life. To do so, I'm going to use as an example my personal story of how I got into the tech world, the struggles, the rejections, what I’ve learned and how you can succeed by being consistent and determined. Additionally, in this session, we are going to talk about building the habit of coding and the benefits of it. We are going to explore ways of finding mentors in your job and outside of it and also expanding your social network.

This talk is not only about getting better at your 9 to 5 job but also about developing yourself.

With the increasing popularity of rendring and building React on the server either standalone or with popular frameworks like NextJS and Gatsby, you have might stumbled into confusing warnings like; "Excpected server HTML to contain a matching <div> in <span>", often followed by parts of your HTML just simply disappearing! These super annoying errors, also known as rehydration errors, are thrown from a method on ReactDOM called hydrate. We take a little deep dive into how hydration actually works, how hydration errors can occur and how to avoid to die from dehydration!

When urban planners design cities their decisions are at the scale of decades and millennia. As city’s mature they have to adapt and re-architect to meet changing demographics and use cases. Using Architect Pierre L'Enfant’s design of The United States capital I will examine how systems change overtime from their initial ideation. I will cover how we as engineers can use urban planning concepts to adapt our codebases and not end up like Washington, DC where 200 years later a Wendy’s food restaurant is located in the middle of one of the city’s busiest traffic circles.

Throughout the talk, I will use ideas for examples of how to structure different aspects of React projects. From ideas on how to architect Redux to where your CSS-in-JS and tests might live.

Timeline
- Introduction and Land Acknowledgement
- L’Enfant’s original plan
- L’Enfant’s roadblocks and resignation
- L’Enfant intentions vs Modern Day DC
- Codebase Structure is like a city
- Urban Planner Concepts
- Maps and Signs
- Desire Paths
- Last Urban Planner principle tk
- Takeaways

Probably one the most easily misunderstood concepts in React is the render(). This talk will examine how React implements a Virtual DOM to quickly render changes to the user interface. By the end of this talk the viewers/audience will know the basics of UI rendering with JavaScript through a Virtual DOM, understand React’s Reconciliation (the process of determining which Virtual DOM nodes should be turned into real DOM nodes) and hopefully have more confidence about the frontend technology decisions they make in their roles.