- Видео 43
- Просмотров 160 497
Boston React
Добавлен 11 окт 2014
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.
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.
Просмотров: 277
Видео
A Guided Tour of React Hooks
Просмотров 1,2 тыс.5 лет назад
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?
Просмотров 3405 лет назад
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 тыс.5 лет назад
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
Просмотров 1445 лет назад
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
Просмотров 3395 лет назад
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
Просмотров 3955 лет назад
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
Просмотров 113 тыс.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
Просмотров 735 лет назад
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
Просмотров 755 лет назад
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
Просмотров 1265 лет назад
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.
GraphQL Validation
Просмотров 6036 лет назад
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
The Component is King for Modern Web Development
Просмотров 1557 лет назад
The Component is King for Modern Web Development
Immutable Value Objects in JavaScript and TypeScript
Просмотров 7987 лет назад
Immutable Value Objects in JavaScript and TypeScript
React Boston 2017: day 2, afternoon (part 1)
Просмотров 857 лет назад
React Boston 2017: day 2, afternoon (part 1)
React Boston 2017: day 2, afternoon (part 2)
Просмотров 507 лет назад
React Boston 2017: day 2, afternoon (part 2)
awesome video 👍
His confidence is next level 👍
Awesome introduction to hooks, thanks.
Excelent cleared the concept of Use effect for me I'm stuck on the concept of reducer but will understand that too
peace and freedom for the people of Ukraine 🇺🇦 ✨
{2022-03-16}
"How do you think French people write their code!? " .... "in English.."
Goated Video
Spected some hee hee's, very disapointed
Kick a$$ presentation
Michael presentation was awesome.
You try to give the video more brightness it will be great if you do
I think he forgot to turn off the night shift mode on his laptop since it was already at 8pm.
Ryan has explained very well about react hooks which might solve the bug of re-rendering of useState while used with useeffect. Thanks Ryan 🙌
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.
Hi Team Can you change this title to, What React Abstract? or Data Structure used by React for Batching
Very informative and fun presentations as usual <3
Where is Michael Jackson?
So subsribetopost does not call the callback when cleaned up? Because that will be setState on unmounted component a.k.a memory-leak.
Nobody: Someone teaching React: Look at this COUNTER
Dq can
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
Shall we play a game? > Global Thermonuclear War (enter)
The Michael part was a serious eye-opener for me.
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!
@Chandler Moshe Instablaster ;)
@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.
@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 !
@Chandler Moshe no problem xD
this is hilarious
Did you catch the bug that slipped in the hooks version?
The amount of shade in this talk from Ryan is hilarious.
I thought this was a video of Michael Jackson, The King of Pop ®, coding 😐
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;
Nope, it's the opposite.
cool
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.
Slides at slides.com/bahmutov/painless-react-testing
This guy is awesome
The guy in the background is trying way tooo hard
"tuplé" I've lost on it
Jesus fucking Christ for god fucking sake can you type any fucking louder and harder??
The arc animation solution no longer works AFAIK for the current version of deck.gl
i got it to work yesterday :)
What is the name of this editor, vs code ?
I am just learning front end, I wish I will be that fast on my keyboard and text editor one day
he uses vim which makes text editing so much faster
This is all just Monads lmao.
Yeah be these are all JS developers lmao
@@roselpadilla \x -> lmao
Props to Michael for not shortening his first name to Mike
In Video title: Michael Jackson 🕴🏻In Video content: Satya nadella 👨🏻💻
Awesome!! Thanks!
Awesome
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.
no
@@igorswies5913 This is how Bad ThingsTM start, Ten Minutes Tokyo Leave Ctulhu.js or Gozilla.js alone, please.
SetState actually seems more like magic than hooks to me.
Awesome!!!! Thank you
Wow! This could have been the best tutorial....but...
First guys sucks
"it's a tuple" LMFAO
second one too.
That syntax theme is amazing. What's it called? (Great presentation and all.. :) )
I prefer Angular :) You guys write functions and call it Hooks... damn Stoneage coders.
First understand what is a hook and how it's used and then talk thick boy
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
Hooks and Components are not just functions.
Amazing presentation! First 20 minutes covers the mental modelling of hooks and the next part covers the awesomeness(how it can be composed and be used for almost anything) of it.