React Conf
React Conf
  • 59
  • 2 225 949
How Our Team is Using React Native to Save the World | Tania Papazafeiropoulou
Food waste is one of the biggest environmental and social challenges facing the planet. OLIO helps people connect and share surplus food. And it's built in React Native!
Переглядів: 14 256

Відео

React and the Music Industry | Jameyel "J. Dash" Johnson"
Переглядів 7 тис.4 роки тому
As a multi-platinum selling music producer, recording artist, songwriter and award-winning film composer, I have seen the inner-working of the entertainment industry from several perspectives. Alternatively, as a lead software engineer with over 12 years experience, I have helped companies increase sales, conversion rate, customer lifetime value and develop efficiency all over the stack. There ...
Using Hooks and Codegen | Tejas Kumar
Переглядів 31 тис.4 роки тому
As a startup that integrates with larger, often older enterprises, we have to integrate with a number of RESTful services (against our will). This technical talk will outline how we are able to bring type-soundness, autocompletion, and powerful developer tooling to our internal workflows using hooks and TypeScript.
Day 1 Keynote | Yuzhi Zheng
Переглядів 19 тис.4 роки тому
Yuzhi discusses some details about what the React Core team has been working on for the past year including projects like Selective Hydration, Suspense, Concurrent Mode, and more.
Day 1 Keynote | Tom Occhino
Переглядів 27 тис.4 роки тому
Tom shares the React team's primary goal and an important message for the community.
Building React-Select | Jed Watson
Переглядів 18 тис.4 роки тому
Building React-Select | Jed Watson
Git is Hard but Time Traveling in Git Isn't | Monica Powell
Переглядів 3,8 тис.4 роки тому
Git is Hard but Time Traveling in Git Isn't | Monica Powell
The State of React State in 2019 | Becca Bailey
Переглядів 7 тис.4 роки тому
The State of React State in 2019 | Becca Bailey
Let's Program Like It's 1999 | Lee Byron
Переглядів 21 тис.4 роки тому
Let's Program Like It's 1999 | Lee Byron
Comonads on your everyday UI | Juan Paucar
Переглядів 4,5 тис.4 роки тому
Comonads on your everyday UI | Juan Paucar
Progressive Web Animations | Alexandra Holachek
Переглядів 12 тис.4 роки тому
Progressive Web Animations | Alexandra Holachek
Is React Translated Yet? | Nat Alison
Переглядів 3,6 тис.4 роки тому
Is React Translated Yet? | Nat Alison
React is Fiction | Jenn Creighton
Переглядів 13 тис.4 роки тому
React is Fiction | Jenn Creighton
Codemod-ing away 4MB of JavaScript | Spencer Miskoviak
Переглядів 5 тис.4 роки тому
Codemod-ing away 4MB of JavaScript | Spencer Miskoviak
Building (And Re-Building) the Airbnb Design System | Maja Wichrowska & Tae Kim
Переглядів 42 тис.4 роки тому
Building (And Re-Building) the Airbnb Design System | Maja Wichrowska & Tae Kim
Wonder-driven Development: Using React to make a Spaceship | Alex Anderson
Переглядів 2,6 тис.4 роки тому
Wonder-driven Development: Using React to make a Spaceship | Alex Anderson
Automagic TypeScript Codegen for GraphQL | Salvatore Aiello
Переглядів 4,9 тис.4 роки тому
Automagic TypeScript Codegen for GraphQL | Salvatore Aiello
Data Fetching With Suspense In Relay | Joe Savona
Переглядів 30 тис.4 роки тому
In this talk we’ll explore some of the ways Suspense can help improve the loading experience in our apps, and the best-practices that we’ve identified for using Suspense for data-fetching, based on our experience using these features in production.
Automatic Visualizations of the Frontend | Cameron Yick
Переглядів 4 тис.4 роки тому
Visualization isn't just for charts. Developers spend most of their time trying to understand existing code, which often lacks documentation about design-level concepts. Handcrafted diagrams are useful but get out of date, and traditional code search only helps if you know what words to look for. We don't navigate the real world by examining every sector of a geographic map, so why should we sc...
Accessibility Is a Marathon, not a Sprint | Brittany Feenstra
Переглядів 3 тис.4 роки тому
Accessibility standards are often first on the chopping block in the face of deadlines. We've all been on projects where we write that dreaded TODO comment leaving an accessibility audit for later. Let's unpack why that is and start changing it! We'll look at common tools, patterns and starter-tips that can help us shed light on accessibility in a new, less daunting way. In this talk we'll disc...
React Developer tooling | Brian Vaughn
Переглядів 16 тис.4 роки тому
Brian talks about developer tooling improvements the React team has been working on for the past year. Topics covered include Fast Refresh, the new React DevTools extension, and codemods to automate API changes.
Building The New Facebook With React and Relay | Ashley Watkins
Переглядів 28 тис.4 роки тому
Ashley discusses some of the technologies and strategies powering FB5, the new facebook.com. Topics covered include Facebook's approach to CSS-in-JS, data-driven dependencies, phased code downloading, and more.
Why React is Eating the World | Adam Wolff
Переглядів 14 тис.4 роки тому
Not long ago, most companies looked down on front-end engineering. They thought the real engineers programmed the server in Java, while the script kiddies played around with it's wannabe little brother, JavaScript. But, in the last several years, React and its ilk have proven that sophisticated approaches to immutability and asynchrony allow for unprecedented scale and complexity in the front-e...
Promoting Transparency in Government Spending with React | Lizzie Salita
Переглядів 1,7 тис.4 роки тому
Learn about the role of React in fulfilling the Digital Accountability and Transparency Act (DATA Act), which makes federal spending data publicly accessible, searchable, and more reliable. As the basis for the frontend of USAspending.gov, React has shown that a combination of modern web technologies, open source, and agile practices can not only be successful, but transformative in the governm...
Building a Custom React Renderer | Sophie Alpert
Переглядів 53 тис.4 роки тому
There's a little-known npm package named react-reconciler that lets you build your own React renderer. React DOM and React Native themselves are built on top of it. And with it, you can build your own. In this talk, we'll build a simple version of React DOM. With any luck, you'll walk away with a better understanding of React.
Building the New Facebook with React and Relay | Frank Yan
Переглядів 48 тис.4 роки тому
Ashley and Frank discuss some of the technologies and strategies powering FB5, the new facebook.com. Topics covered include Facebook's approach to CSS-in-JS, data-driven dependencies, phased code downloading, and more.
Creating Games, Animations and Interactions with the Wick Editor: A UX Talk | Luca Damasco
Переглядів 7 тис.4 роки тому
Always test your project with users, even if they’re 4 years old. We built the Wick Editor, a free, open-source, Mozilla supported tool for creating games, animations and interactive projects, using React.js. Over three years, we transformed our student project into a tool used by over 10,000 beginner animators and game designers a month. Getting to this point took dozens of workshops, after sc...
React Conf 2019 Day 1
Переглядів 46 тис.4 роки тому
React Conf 2019 Day 1
⚡️Lightning Talk - Render Props, PureComponent and Reactivity - Karl Dray - React Conf 2018
Переглядів 9 тис.5 років тому
⚡️Lightning Talk - Render Props, PureComponent and Reactivity - Karl Dray - React Conf 2018
Building A Diverse And Inclusive Community - Eyitayo Alimi - React Conf 2018
Переглядів 1,7 тис.5 років тому
Building A Diverse And Inclusive Community - Eyitayo Alimi - React Conf 2018

КОМЕНТАРІ

  • @amandps10
    @amandps10 3 роки тому

    That was fun.

  • @roselpadilla
    @roselpadilla 3 роки тому

    Aye I didn't know my man J.Dash was a hacker too lmao that's dope asl

  • @VerySadBatman
    @VerySadBatman 4 роки тому

    He's so cool! Amazing talk.

  • @abu_six19
    @abu_six19 4 роки тому

    That was great. Love the engagement with the audience!

  • @__greg__
    @__greg__ 4 роки тому

    Great talk!

  • @JAdamMoore
    @JAdamMoore 5 років тому

    This guy was my favorite. Conor, you are a natural comedian.

  • @mrmupfukudzwa4374
    @mrmupfukudzwa4374 5 років тому

    The React team is the only team in this world that i look at and say...'Damn, i wish i was a part of it'. React really rocks, and its always exciting to see what they are coming up with.

  • @vikaskumar-im7im
    @vikaskumar-im7im 5 років тому

    I have one ques. useEffect() could call multiples times like whenever we resize the window. Is'nt it bad to attach event listener every time this useEffect method was called? please correct me if I am wrong.

  • @Lifelightning
    @Lifelightning 5 років тому

    🔥 powerpoint animations for a 🔥 react native presentation

  • @HBenzaoui
    @HBenzaoui 5 років тому

    I'm hooked !

  • @hyphaene
    @hyphaene 5 років тому

    Nice talk !! Hooks feel like you can finally have a fully functional centric approach about writing components. The reusability is really really great. Waiting for such core features, I've ended up by publishing custom HOCs library ( with recompose ) which are almost completely useless now ( and that's a good point to me ! ) Question : since hooks are made for functional components, what is on the table around rendering optimization ?

  • @omgd00d
    @omgd00d 5 років тому

    This is incredible; easily my all-time favorite development in React!

  • @_lede
    @_lede 5 років тому

    which plugin does ryan use to move range of lines around?

  • @rtorcato
    @rtorcato 5 років тому

    Where can I find that latency widget

  • @andriirubtsov5404
    @andriirubtsov5404 5 років тому

    Ryan Florence is a fantastic presenter

  • @user-mf5ij9me5v
    @user-mf5ij9me5v 5 років тому

    fantastic

  • @MinusTechTips
    @MinusTechTips 5 років тому

    1:02:52 so cute :D

  • @VolodymyrVakulenko-wowkalucky
    @VolodymyrVakulenko-wowkalucky 5 років тому

    So, goodbye class components?!

  • @VincentSchoettke
    @VincentSchoettke 5 років тому

    Code and slides are available here: github.com/jaredpalmer/react-conf-2018

  • @sgwong513
    @sgwong513 5 років тому

    Great presentation

  • @user-oi9mh1uz7o
    @user-oi9mh1uz7o 5 років тому

    Awesome work, but I wonder why not let the the sideEffect function to accept parameters what can be parameters of useEffect so the engine don't need to declare a new anonymous arrow function every render. I know it's not a big problem but it has no harm to current pattern and might have a performance improve about maybe less then 0.1%. Since react is favor of explicitation, then should it be better to explicitly declare what parameters the sideEffect will use instead of reading it from the execution context?

  • @Pop-zb3wr
    @Pop-zb3wr 5 років тому

    Great talk, I will start using hooks. One point though, electrons don't orbit :)

  • @naythaniel
    @naythaniel 5 років тому

    This API is beautiful. I really don't know how else to describe it. It's just a gorgeous API.

  • @Majchel90
    @Majchel90 5 років тому

    Hey about that latency and requests widget, is this widget open source? where can we get it if it is?

  • @aizuddineismail
    @aizuddineismail 5 років тому

    Awesome! Excited for the new architecture 😍

  • @Arma5666
    @Arma5666 5 років тому

    JSI sounds awesome, better performance when calling native code! The bridge really bogs down when a lot of data needs to be exchanged.

  • @user-fx8lj9pm4w
    @user-fx8lj9pm4w 5 років тому

    guys here, ko-fi.com/tesseralis/

  • @jackyhor3734
    @jackyhor3734 5 років тому

    Awesome guys

  • @chrisr236
    @chrisr236 5 років тому

    How much better will the performance be?

  • @piyushgupta809
    @piyushgupta809 5 років тому

    mature RN community + fast RN = RN win over flutter .

  • @MrAndrewcassidy03
    @MrAndrewcassidy03 5 років тому

    I really enjoyed this, very inspiring 😀

  • @Eriksonmagno
    @Eriksonmagno 5 років тому

    Loved the new useContext feature

  • @KeyKeeper86
    @KeyKeeper86 5 років тому

    Absolutely superimpressive.

  • @TheSvs1
    @TheSvs1 5 років тому

    maybe adding a summarize/ time content in the video info?

  • @arpee1337
    @arpee1337 5 років тому

    I'm just pissed I was advised not to use this in production. Well I just might not follow that advice :D

  • @fluttertune443
    @fluttertune443 5 років тому

    Which group is the group of the react in FB mentioned by the first speaker. Can anybody please give me details

  • @RyukoSempai
    @RyukoSempai 5 років тому

    amazing

  • @chrisownz1
    @chrisownz1 5 років тому

    why not just use class components if your trying to make use of states in function components?

  • @IsayanBros
    @IsayanBros 5 років тому

    Tom Holland works for Facebook? Interesting...

  • @xMrMiagix
    @xMrMiagix 5 років тому

    Ryan is killing it! Funny guy

  • @Techonsapevole
    @Techonsapevole 5 років тому

    Very clean approach

  • @Ken-S
    @Ken-S 5 років тому

    Why not set a timeout to fallback for concurrent mode?

  • @motozirillo
    @motozirillo 5 років тому

    Its not often that you get to experience the same library for the first time twice. Hats off to the React team for their great work

  • @Deliverant
    @Deliverant 5 років тому

    19:49 lmao 🤣🤣🤣

  • @JaeTask
    @JaeTask 5 років тому

    This is insane! love it

  • @ln613
    @ln613 5 років тому

    From a functional point of view, I would argue that the 'withState' function from 'recompose' is a better choice than the 'useState' hook, because useState makes the functional component not pure, it takes input from the caller (props) as well as the useState function, whereas withState will merge the state (name, setName) into the props, so the functional component only takes props as input. Also you have to use useState as a statement, so there is no way to write the functional component without a function block (the curly braces).

  • @rohan199221
    @rohan199221 5 років тому

    very similar to recompose

  • @dulanjala
    @dulanjala 5 років тому

    how little things can make us So Happy...!!!

  • @jonathangoodman9751
    @jonathangoodman9751 5 років тому

    Is that VS code? Whats the preview plugin? Looks cool

  • @dulanjala
    @dulanjala 5 років тому

    nice work... they have been working hard on it...! and they do feel like they are too developers like us not magicians... one of the Greatest Conf I have watch.... Perfect....!!!