react

Showing 10 out of 10 results

ARTICLE

Ryan Carniato on SolidJS: “It puts the control back in the developer's hands”

SolidJS founder Ryan Carniato talks about reactivity and how is it becoming the universal language of user interfaces, the impact of the shift from the component model to the reactivity model and why is there a need for more granularity in modern frontend architectures.

May 16, 2023
SESSION

Declarative APIs in an Imperative World

Declarative UI frameworks have taken over the JavaScript landscape. Which is great, because making assumptions about your application's state is a source of pain, frustration, and bugs. But what happens when you need to glue together imperative APIs with your declarative UI framework? In this talk, I'll explain some problems the Atom Editor team came across when we started using React as our UI framework, as well as the solutions we came up with. Together, we'll explore how to generalize these patterns to tackle other imperative APIs you might come across in the wild, such as animation libraries. Finally, I'll explore the relationship between declarative UIs and functional programming, why functional programming has risen in popularity, and how we can learn from the history of programming language trends over time to avoid making the same mistakes over and over. **Academic level:** Intermediate **What is the take away in this talk:** How to use imperative APIs

SESSION

Fast by Default: Near Instant Load Times at Scale with GatsbyJS

Fast by Default : tayloring GatsbyJS to your own APIs to achieve near-instant load times at scale GatsbyJS is a library that adds powerful static capabilities to React-powered webapps and packs many performance optimizations, making websites load instantly, by default. Gatsby plugins allows any datasource, including custom APIs, into a Gatsby-powered website with the expressiveness of GraphQL. In this talk we will cover the following topics: * How GatsbyJS & GraphQL enhance the performance, developer experience and scalability of modern webapps; * Tayloring GatsbyJS to your own APIs through Source Plugins; * Progressive refactoring of an existing, complex React webapp. By the end of the talk, the audience will understand why GatsbyJS may be the next game-changer in terms of performance & DX, when to start with (or migrate over to) GatsbyJS, and how to seamlessly integrate it into their own technical context. **What will the audience learn from this talk?**<br> Attendees will learn about the game-changing impact of GatsbyJS on performance, accessibility and scalability of modern webapps, and how to integrate it with complex business requirements — be it for a brand new project or an existing ReactJS codebase. **Does it feature code examples and/or live coding?**<br> Yes **Prerequisite attendee experience level:** <br> [Level 300](https://gotober.com/2019/pages/experience-level)

SESSION

React Native

With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. Instead you build a real mobile app that's indistinguishable from an app built using Swift or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React. Join this session to see how we use React Native to create an awesome viewer for the GOTO Conference speakers.

SESSION

ReasonML: React as a Language and what the Future looks like

ReactJS took the world by storm just a few years ago, but do you know what the original creator of React's intent was? You'll find out :) Reason is a programming language created by the creator of ReactJS for developers to build bullet-proof apps even faster than before. Learn about what Reason and ReasonReact, why there's been so much hype around it and how you can get ahead of this cutting edge language, framework and philosophy and lead the pact!

SESSION

Reaching Beyond Traditional Boundaries with Clojure

Clojure and ClojureScript provide fine-grained control over the state of a running application. Especially when combined with a reactive front-end framework like React, features like hot-swapping code reach far beyond simple live reloading. Applying a reactive paradigm means that changing the data updates the user interface. Clojure's functional nature, with its strict separation of data and code, lets us use the reactive paradigm for development as well: changing the code updates the user interface. This works not only in the front end of a development environment. Using this mechanism over a networked REPL provides the same capabilities in the back end of a production environment. In an example-driven approach we will explore several typical situations in software development in which Clojure helps us to speed up not only our development cycle but also DevOps.

SESSION

Profiling React Performance

This session looks at profiling React from various angles: 1) Profiling locally on your computer, using the new profiler in the React DevTools extension 2) Gathering profiling data "in the wild" using the (beta) Profiler API 3) Testing individual components continuously and in isolation, so to prevent regressions

SESSION

Building Resilient Frontend Architecture

Change is inevitable. So is legacy. And too often, we as developers (who love to solve problems by coding) fall into the trap of believing the only way to fix it is by rewriting everything again and again. But how can we design an application architecture that is more resilient to change in the first place? How can we defend against entropy in a system where people are pushing changes every day? In this talk we’ll define what architecture means for the frontend, dispel some commonly-held myths, and look at specific tools and techniques on a scale from micro to macro that you can use today to keep your app from turning into that infamous big ball of mud. **What will the audience learn from this talk?**<br> The audience will learn specific practices and techniques they can use to preserve their frontend application's architecture over time. We'll walk through why developers tend to rewrite code over and over again, discuss the concept of "enabling constraints" and how they map to software development, as well as three specific constraints developers can place on their applications to ensure they evolve in a more sustainable way. Although specific examples from React and web development are given, the principles apply to many kinds of applications. **Does it feature code examples and/or live coding?**<br> No live coding and only minor code examples. **Prerequisite attendee experience level:** <br> [Level 200](https://gotober.com/2019/pages/experience-level) It is something that beginners can grasp conceptually but may struggle to apply without more advanced knowledge.

SESSION

Building Secure React Applications

React is a secure framework. It handles cross-site scripting (XSS) out of the box. While these statements sound very hopeful, they are unfortunately far from reality. Building secure applications with React is easier than starting from scratch. However, even with React, there are several guidelines and considerations to take into account. In this session, we take a deep-dive into two particular topics. We take a close look at XSS, React's defenses, and the responsibilities of the developer. The second topic zooms in on the challenges with including NPM dependencies. We look at how attackers abuse NPM to target your application. Throughout these topics, we build a set of concrete guidelines you can immediately apply to your applications. **What will the audience learn from this talk?**<br> The audience will learn about real-world security pitfalls in React applications, more importantly, how to prevent them. **Does it feature code examples and/or live coding?**<br> Yes, the entire talk is example driven! **Prerequisite attendee experience level:** <br> [Level 300](https://gotober.com/2019/pages/experience-level)

SESSION

A11Y and React, Why is it Important?

I have a disability (missing my left arm from the elbow down). I have encountered a lot of discrimination throughout my 10 year career. I’m now at a point mentally in my career that I’m ready to talk about my experiences. As the web is becoming a place for everyone including people with disabilities, It’s important for everyone to start thinking about a11y. A11y is often overlooked or seen as a ‘nice to have’. With 20-25% of the population having disabilities [(https://www.w3.org/WAI/business-case/](https://www.w3.org/WAI/business-case/)) a11y is getting more and more important to be seen as a must have and included in a products MVP. **Details** I’ve been in tech for over 10 years now. Originally from Australia, worked in Brisbane, Melbourne, and made the move to the Bay Area 3 years ago. I've experienced how people react and treat you differently having a disability in tech. The intended audience is developers of all levels interested to learn more about a11y to make their web applications inclusive to those with disabilities. React experience from junior to intermediate will benefit from this talk. The talk is 3 parts. In the first part I will talk about developers in tech with disabilities, what we experience and how anyone can support us to grow. I will then use this as a segway into talking about a11y. The second part of the talk I will talk about the importance of a11y in tech and how tech is helping all sorts of people with disabilities all around the world. Finally I will address some areas where you can incorporate a11y into your react application. These will be some simple items that don’t add a lot of time or scope, but can make a big difference in a11y. **Pitch** This talk is relevant because a lot of developers don’t even know what a11y is because it’s often overlooked. Tech is everywhere and helping people do almost everything online. I want to make a11y something people think about in the MVP of their process.