Boston React
Boston React
  • Видео 43
  • Просмотров 159 382
Visual UI Testing: Testing the Last Mile
Craig Cavalier - ezCater
Some things can't be easily tested with unit tests and integration tests, and so far too frequently we rely on manual QA to verify visual changes to our applications. With a proliferation of device sizes and browser versions, spot checking changes in the browser is not possible at scale. In this talk, Craig Cavalier explores how visual ui testing can close the testing gap and restore confidence in our ability to make UI changes that work cross-browser.
Просмотров: 271

Видео

A Guided Tour of React Hooks
Просмотров 1,2 тыс.4 года назад
Dave Ceddia @dceddia Hooks offer a simple, concise way to write stateful React components without classes. In this talk you'll learn about the "magic" behind how Hooks work and get to see a few examples of them in action. We'll cover the big four: useState, useEffect, useReducer, and useContext, plus how to write your very own custom hooks.
The Lost Socks of React: Where do I put that Component?
Просмотров 3394 года назад
Adam Conrad - Principal UX Engineer @theadamconrad ( theadamconrad) Have you used create-react-app and wondered how you're supposed to turn this into a production-ready app? Have you been tasked with cleaning up a legacy code base and wondered where you put everything? This talk is an attempt to bring order to the chaos and find a scalable architecture that can work for any size appl...
Animated Map Visualizations with Deck.gl
Просмотров 12 тыс.4 года назад
pbesh, @cortico, MIT @medialab. Visualize and animate data with interactive maps powered by deck.gl - Uber's WebGL-powered framework for visual exploratory data analysis of large datasets. Where do we start when we want to visualize data on a map? How far can we take it? In this talk, I'll cover some of the basics of drawing on a Mapbox map with React before moving on to some of the...
Migrating to React: Iteratively Modernizing a Flash Frontend
Просмотров 1414 года назад
Gabriel Ricard, a Senior Developer at West Digital Media Solutions, provides an overview of a multi-year project to update a Flash-based webcast player to HTML5. Learn why they eventually chose React for their frontend (and how they convinced management to let them rewrite it), how they gradually migrated their code, problems they encountered along the way and their solutions.
Data Structures Behind Batching
Просмотров 3384 года назад
Sanjay Krishna Anbalagan talks about how React works under the hood, including how the Virtual DOM renders output to the real DOM, and how React Fiber renders components concurrently
Repo Architectures for Sharing Components - David Colwell
Просмотров 3925 лет назад
As UI developers we'll eventually come across situations where we want to break out a specific subset of code we're working with into it's own separate project so it can be shared or worked on as something independent of what we consider the primary app(s) we're working on. This could be as simple as a shared UI component library, more complex such as functional or utility modules we want share...
Fun with React Hooks - Michael Jackson and Ryan Florence
Просмотров 112 тыс.5 лет назад
Michael and Ryan from ReactTraining.com will give a joint presentation covering hooks and some of the concepts from their training. Deepen your fundamental understanding of React's composition model and dig into some advanced, real-world use cases like animating route transitions, manage data caching, and real-time updates. We'll also be covering React's latest feature, hooks, in depth. Hooks p...
Practical Web Accessibility - Spencer Gregson
Просмотров 725 лет назад
Whether you've only just dipped your toes in Web Accessibility (a11y) or are doing a deep dive into your application's usability, we can always be building a better site. Creating a usable and accessible site is crucial to reaching as much of your audience as possible. We'll be diving into why, how, and where to focus our efforts for the greatest impact. This is new content for a lot of people!...
TypeScript + React - Chris Toomey
Просмотров 1,2 тыс.5 лет назад
TypeScript is taking the JavaScript world by storm and with good reason. TypeScript provides a gradual path to improving our code, avoiding errors, better developer experience and more. The recent State of JS survey showed huge adoption growth and positive takes on TypeScript, so now's the perfect time to take a look if TypeScript is new for you. This talk will provide a brief summary of the wo...
Rapid Development and Testing with Apollo and Lunar - Mark Faga
Просмотров 1385 лет назад
Apollo makes it easy to get up and running with new projects that integrate GraphQL APIs. Learn how you can streamline the development cycle of your UI with their suite of tools without having to sacrifice the ability to unit test your project. Then, take a look as we explore how you can expand your test suite with Cypress.io to write integration tests for your GraphQL app with the assistance o...
Building Voice Apps with the Violet Framework - Vineet Sinha
Просмотров 745 лет назад
The popularity of Amazon's Alexa and Google Home has been inspiring both developers and businesses to think about Voice computing. From a banking assistant on your phone to grocery shopping on your TV - it is truly exciting to see how Voice Interfaces could be used. In this session we will introduce you to and go over an example application, built using Violet (helloviolet.ai/), an Open-Source ...
GatsbyJS - Fast static sites without the backend
Просмотров 1215 лет назад
Jeff Gnatek, github.com/jeffreygnatek Jeff discusses how he used GatsbyJS to create a web application without a backend service that still handled over 60,000 rows of data.
React Hooks: a Guided Tour
Просмотров 2,4 тыс.5 лет назад
React Hooks: a Guided Tour
GraphQL Validation
Просмотров 5895 лет назад
Ben Jackson from ezCater talks about GraphQL schema validation in development and production: how to handle schema checks on the client and server to ensure no breaking changes are shipped. We will go over how we’ve approached the problem at ezCater, as well as recent developments in the Apollo framework that could be used going forward. Ben's Github: github.com/bjackson2 Ben's blog: www.writin...
Enable Your Team with Reactive Enhancement
Просмотров 766 лет назад
Enable Your Team with Reactive Enhancement
Enable Your Team with Reactive Enhancement
Просмотров 446 лет назад
Enable Your Team with Reactive Enhancement
Painless Testing for React Applications with Cypress
Просмотров 12 тыс.6 лет назад
Painless Testing for React Applications with Cypress
Team Productivity++ with Conventions and CLIs
Просмотров 476 лет назад
Team Productivity with Conventions and CLIs
React Native Navigation
Просмотров 866 лет назад
React Native Navigation
Give React Native Another Try
Просмотров 1316 лет назад
Give React Native Another Try
React Native Navigation State
Просмотров 2396 лет назад
React Native Navigation State
Cypress.io React TodoMVC test
Просмотров 1,3 тыс.6 лет назад
Cypress.io React TodoMVC test
The Component is King for Modern Web Development
Просмотров 1556 лет назад
The Component is King for Modern Web Development
DRYing up your PropTypes with Flow
Просмотров 1356 лет назад
DRYing up your PropTypes with Flow
Testing API Contracts with Snapshots
Просмотров 6126 лет назад
Testing API Contracts with Snapshots
Immutable Value Objects in JavaScript and TypeScript
Просмотров 7926 лет назад
Immutable Value Objects in JavaScript and TypeScript
Scaling the Front End
Просмотров 1,5 тыс.6 лет назад
Scaling the Front End
React Boston 2017: day 2, afternoon (part 1)
Просмотров 856 лет назад
React Boston 2017: day 2, afternoon (part 1)
React Boston 2017: day 2, afternoon (part 2)
Просмотров 496 лет назад
React Boston 2017: day 2, afternoon (part 2)

Комментарии

  • @ChikiCodes
    @ChikiCodes Месяц назад

    awesome video 👍

  • @mohamedrifkan6577
    @mohamedrifkan6577 Год назад

    His confidence is next level 👍

  • @saurabh75prakash
    @saurabh75prakash Год назад

    Awesome introduction to hooks, thanks.

  • @dota2content755
    @dota2content755 Год назад

    Excelent cleared the concept of Use effect for me I'm stuck on the concept of reducer but will understand that too

  • @williamdevonshire356
    @williamdevonshire356 2 года назад

    peace and freedom for the people of Ukraine 🇺🇦 ✨

  • @Pareshbpatel
    @Pareshbpatel 2 года назад

    {2022-03-16}

  • @claudemokbel7218
    @claudemokbel7218 2 года назад

    "How do you think French people write their code!? " .... "in English.."

  • @b1ackjack960
    @b1ackjack960 2 года назад

    Goated Video

  • @joaquinlescano1731
    @joaquinlescano1731 2 года назад

    Spected some hee hee's, very disapointed

  • @keithh7994
    @keithh7994 2 года назад

    Kick a$$ presentation

  • @johnyepthomi892
    @johnyepthomi892 2 года назад

    Michael presentation was awesome.

  • @cuongngo5801
    @cuongngo5801 2 года назад

    You try to give the video more brightness it will be great if you do

    • @Unclaimed3172
      @Unclaimed3172 2 года назад

      I think he forgot to turn off the night shift mode on his laptop since it was already at 8pm.

  • @clinto_abraham
    @clinto_abraham 3 года назад

    Ryan has explained very well about react hooks which might solve the bug of re-rendering of useState while used with useeffect. Thanks Ryan 🙌

  • @Lambdaphile
    @Lambdaphile 3 года назад

    I wonder how many people in the audience got what he's saying... Because it took me about a year to really get what he's sowing there lol :D Examine me chat: Hooks are a way of sharing stateful logic before hooks the patterns for sharing stateful logic were HOC's and render props but they had their drawbacks and weren't as clean as hooks. This is how I understand it.

  • @SanjayKrishnaA
    @SanjayKrishnaA 3 года назад

    Hi Team Can you change this title to, What React Abstract? or Data Structure used by React for Batching

  • @nissieln
    @nissieln 3 года назад

    Very informative and fun presentations as usual <3

  • @eeebeltran5445
    @eeebeltran5445 3 года назад

    Where is Michael Jackson?

  • @rowolta
    @rowolta 3 года назад

    So subsribetopost does not call the callback when cleaned up? Because that will be setState on unmounted component a.k.a memory-leak.

  • @gdoe24
    @gdoe24 3 года назад

    Nobody: Someone teaching React: Look at this COUNTER

  • @Graxusimus
    @Graxusimus 3 года назад

    if you put the ++ in the backend then it ... but if you put it in the frontend it returns also the value. Great terminology! :D

  • @dimitrisborbotsialos
    @dimitrisborbotsialos 3 года назад

    Shall we play a game? > Global Thermonuclear War (enter)

  • @tijldeclerck7772
    @tijldeclerck7772 3 года назад

    The Michael part was a serious eye-opener for me.

    • @chandlermoshe8009
      @chandlermoshe8009 3 года назад

      you probably dont give a damn but does any of you know a trick to get back into an instagram account..? I was stupid lost my login password. I appreciate any tips you can give me!

    • @achillesarturo8816
      @achillesarturo8816 3 года назад

      @Chandler Moshe Instablaster ;)

    • @chandlermoshe8009
      @chandlermoshe8009 3 года назад

      @Achilles Arturo i really appreciate your reply. I got to the site thru google and im waiting for the hacking stuff atm. I see it takes quite some time so I will reply here later when my account password hopefully is recovered.

    • @chandlermoshe8009
      @chandlermoshe8009 3 года назад

      @Achilles Arturo It worked and I finally got access to my account again. I'm so happy:D Thank you so much you saved my ass !

    • @achillesarturo8816
      @achillesarturo8816 3 года назад

      @Chandler Moshe no problem xD

  • @compedium
    @compedium 3 года назад

    this is hilarious

  • @omri9325
    @omri9325 3 года назад

    Did you catch the bug that slipped in the hooks version?

  • @roselpadilla
    @roselpadilla 3 года назад

    The amount of shade in this talk from Ryan is hilarious.

  • @roselpadilla
    @roselpadilla 3 года назад

    I thought this was a video of Michael Jackson, The King of Pop ®, coding 😐

  • @can.slaughter
    @can.slaughter 3 года назад

    12:27 Yes, but actually no. When you do ++x it adds 1 to x and evaluates to its previous value. x++ is the same except it evaluates to the new value of x. For example: console.log(x++); is the same as x = x + 1; console.log(x); and console.log(++x); the same as console.log(x); x = x + 1;

  • @BipinOli90
    @BipinOli90 3 года назад

    cool

  • @yapayzeka
    @yapayzeka 3 года назад

    5:35 dude you are either stupid or dumb or both. what kind of logic is that? :D it's like you are posting to db some data and saying: "ovv i am posting to a db it gives me number and also cows. it's wierd". you should change your mindset.

  • @gleb
    @gleb 3 года назад

    Slides at slides.com/bahmutov/painless-react-testing

  • @FRANKFIFORM
    @FRANKFIFORM 4 года назад

    This guy is awesome

  • @peterdenham
    @peterdenham 4 года назад

    The guy in the background is trying way tooo hard

  • @alexanderkomeiji
    @alexanderkomeiji 4 года назад

    "tuplé" I've lost on it

  • @BlackUp1217
    @BlackUp1217 4 года назад

    Jesus fucking Christ for god fucking sake can you type any fucking louder and harder??

  • @miraclemessages2826
    @miraclemessages2826 4 года назад

    The arc animation solution no longer works AFAIK for the current version of deck.gl

    • @codywebb1343
      @codywebb1343 3 года назад

      i got it to work yesterday :)

  • @tarikidagmail
    @tarikidagmail 4 года назад

    What is the name of this editor, vs code ?

  • @SahraClayton
    @SahraClayton 4 года назад

    I am just learning front end, I wish I will be that fast on my keyboard and text editor one day

  • @skepticmoderate5790
    @skepticmoderate5790 4 года назад

    This is all just Monads lmao.

    • @roselpadilla
      @roselpadilla 3 года назад

      Yeah be these are all JS developers lmao

    • @nissieln
      @nissieln 3 года назад

      @@roselpadilla \x -> lmao

  • @ThePerro
    @ThePerro 4 года назад

    Props to Michael for not shortening his first name to Mike

  • @onceajordan
    @onceajordan 4 года назад

    In Video title: Michael Jackson 🕴🏻In Video content: Satya nadella 👨🏻‍💻

  • @leocard7679
    @leocard7679 4 года назад

    Awesome!! Thanks!

  • @christophercalle8162
    @christophercalle8162 4 года назад

    Awesome

  • @tenminutetokyo2643
    @tenminutetokyo2643 4 года назад

    Let’s see a vote for all devs who are in favor of merging all the major .js frameworks into one and consolidating their features in order to simplify learn time and reduce code. Anyone want to start a foundation to do it? Call it Consolidate.js.

  • @MrPDTaylor
    @MrPDTaylor 4 года назад

    SetState actually seems more like magic than hooks to me.

  • @saurabhkadam1404
    @saurabhkadam1404 4 года назад

    Awesome!!!! Thank you

  • @jkhhahahhdkakkdh
    @jkhhahahhdkakkdh 4 года назад

    Wow! This could have been the best tutorial....but...

  • @Faaaaaaaaaaaaz
    @Faaaaaaaaaaaaz 4 года назад

    First guys sucks

  • @joseandkris
    @joseandkris 4 года назад

    That syntax theme is amazing. What's it called? (Great presentation and all.. :) )

  • @ghostgutarist5234
    @ghostgutarist5234 4 года назад

    I prefer Angular :) You guys write functions and call it Hooks... damn Stoneage coders.

    • @Lambdaphile
      @Lambdaphile 4 года назад

      First understand what is a hook and how it's used and then talk thick boy

    • @anonymoususer5402
      @anonymoususer5402 4 года назад

      Because you don't know why the word hook is used. If you prefer angular then it's good but don't just speak rubbish

    • @can.slaughter
      @can.slaughter 3 года назад

      Hooks and Components are not just functions.