Learn GraphQL with Apollo Odyssey, our hands-on training and tutorial course platform - https://odyssey.apollographql.com/

Learn from our Apollo Docs - https://www.apollographql.com/docs/

What’s the easiest way to navigate your schema and query your graph? Try Apollo Studio at https://www.apollographql.com/studio/develop/

Video Info: Verbling CTO and Co-Founder Gustav Rydstedt presents at our Practical GraphQL meetup on 1/19/17.

Join GraphQL San Francisco for updates on future events: http://www.meetup.com/GraphQL-SF/

Resources:
ApolloGraphQL - https://www.apollographql.com/
Learn GraphQL using Apollo's Tutorials: https://odyssey.apollographql.com/
Explore the GraphQL FAQs - https://www.apollographql.com/docs/resources/faq
Checkout the Apollo docs - https://www.apollographql.com/docs/

GraphQL Schema Design: Tips and tricks from the battlefield - Gustav Rydstedt

Talk from Apollo Day SF (May 31, 2018)

James Baxley, technical lead at Apollo, shows how GraphQL and Apollo bring simple, powerful patterns for data fetching and state management to React, replacing fragile code with elegant queries. See examples of server side rendering, error handling, pagination, local state management, advanced patterns like optimistic UI, data prefetching, and full-stack caching, and ways to use cutting edge React features like the new suspense API without writing a line of code.

* Learn more at https://www.apollographql.com (https://www.apollographql.com/)

* Read our technical blog: https://dev-blog.apollodata.com (https://dev-blog.apollodata.com/)

* Join Apollo's Community Slack group: https://www.apollographql.com/slack

* Register for the 3rd annual GraphQL Summit 2018, the world's largest GraphQL developer conference: https://summit.graphql.com/

Resources:
ApolloGraphQL - https://www.apollographql.com/
Learn GraphQL using Apollo's Tutorials: https://odyssey.apollographql.com/
Explore the GraphQL FAQs - https://www.apollographql.com/docs/resources/faq
Checkout the Apollo docs - https://www.apollographql.com/docs/

Apollo + GraphQL + React — thinking in queries (James Baxley)

Sashko Stubailo and Danielle Man, Apollo 

We've seen countless examples of how GraphQL makes it easier to organize, maintain, and use APIs. If you’re building with it today, over a year after it was initially released, you can benefit from the experience of many teams that came before you. You can also leverage the wide array of tools built by the community to make it easier to adopt GraphQL alongside technologies you’re already using. In this talk, we’ve distilled lessons and architectural patterns from top companies, the open source community, and our own production apps to help you embark on your GraphQL journey.

Slides: http://www.slideshare.net/sashko1/navigating-your-transition-to-graphql-with-graphql-first-development

Learn more about GraphQL Summit:
http://graphqlsummit.com

Get insights into your GraphQL apps with a free trial of Apollo Optics: 
http://www.apollodata.com/optics

Join our GraphQL SF meetup to hear more about GraphQL best practices and implementations: 
http://meetup.com/GraphQL-SF/

Navigating Your Transition to GraphQL

Brandon Black, GitHub

At GitHub we build products and tools to help empower developers and enable them to collaboratively build software with millions of other developers from all around the world. Internally, we use those same tools to build GitHub itself, and externally we support a broad eco-system of innovative products and services that work to further extend that vision. GraphQL is now a part of making all of this possible and represents a promising path forward for building a better platform both internally and externally. In this talk, we'll share some of the motivations and driving factors behind the decision to invest in GraphQL at GitHub, why we chose to expose our GraphQL interface externally to developers and some of the challenges and learnings we've encountered along the way.

Try GitHub's GraphQL client for Ruby apps: https://github.com/github/graphql-client

Learn more about GraphQL Summit:
http://graphqlsummit.com

Join our GraphQL SF meetup to hear more about GraphQL best practices and implementations: 
http://meetup.com/GraphQL-SF/

Building a Better GitHub Platform with GraphQL

Learn GraphQL with Apollo Odyssey, our hands-on training and tutorial course platform - https://odyssey.apollographql.com/

Learn from our Apollo Docs - https://www.apollographql.com/docs/

What’s the easiest way to navigate your schema and query your graph? Try Apollo Studio at https://www.apollographql.com/studio/develop/

Video Details: Lee Byron, GraphQL/Facebook

GraphQL has been in use at Facebook for over four years and evolved a lot before it was open sourced. During that time we learned a lot about what works and why, and derived a series of best practices. Hopefully our best practices and lessons learned are relevant not only to your use of GraphQL, but how you design and build all sorts of software.

Learn more about GraphQL:
http://graphql.org

Learn more about GraphQL Summit:
http://graphqlsummit.com

Join our GraphQL SF meetup to hear more about GraphQL best practices and implementations: 
http://meetup.com/GraphQL-SF/

Lessons from 4 Years of GraphQL

Ad:
Uncover emerging trends and practices from domain experts at QCon Events in 2022.

QCon, the international software development conference, is returning (in-person and online) in Spring 2022.

QCon brings together the world’s most innovative senior software engineers across multiple domains to share their real-world implementation of emerging trends and practices.

Find practical inspiration (not product pitches) from software leaders deep in the trenches creating software, scaling architectures, and fine-tuning their technical leadership to help you make the right decisions. Save your spot now!

Attend in-person at QCon London, (April 4-6): https://bit.ly/3r70FE0 

Attend online at QCon Plus (May 10-20): https://bit.ly/3kMT5bo 
----------------------------------------------------------------------------------------------------------------
Video with transcript included:  https://bit.ly/31h6rET  

Jennifer Shin and Stephen Spalding discuss Netflix’s API unification process using GraphQL Federation.

This presentation was recorded at QCon Plus 2020: http://bit.ly/3pfdF6I 

#Netflix #API #GraphQL

How Netflix Scales Its API with GraphQL Federation

Marc-André Giroux and Dylan Thacker-Smith, Shopify

In this talk, we'll explore how Shopify designed and built its GraphQL API to make it easy for any team to extend and use our GraphQL schema.
 
This includes how we built our own schema definition layer on top of the GraphQL Ruby gem, how we seamlessly included batching and caching in our field definitions, how we approached authorization and authentication as well as how we use the API from mobile clients written in java and swift. 

Slides: https://speakerdeck.com/xuorig/graphql-at-shopify

Learn more about GraphQL Summit:
http://graphqlsummit.com

Join our GraphQL SF meetup to hear more about GraphQL best practices and implementations: 
http://meetup.com/GraphQL-SF/

GraphQL at Shopify

Learn GraphQL with Apollo Odyssey, our hands-on training and tutorial course platform - https://odyssey.apollographql.com/

Learn from our Apollo Docs - https://www.apollographql.com/docs/

What’s the easiest way to navigate your schema and query your graph? Try Apollo Studio at https://www.apollographql.com/studio/develop/

Video Info: Follow along with this GraphQL server tutorial for Node.js with SQL, MongoDB and REST!

Note: we've made some updates to the graphql-tools and apollo-server package since we published this tutorial. The tutorial still works, but if you want to be on the newest version of all the packages at the end, make sure to follow the few extra steps here: http://dev.apollodata.com/tools/graphql-server/migration.html

Starter kit for following along: https://github.com/apollostack/apollo-starter-kit
Source code for this tutorial: https://github.com/apollostack/apollo-server-tutorial
apollo-server Git repository: https://github.com/apollostack/apollo-server
graphql-tools Git repository: https://github.com/apollostack/graphql-tools
Documentation: http://dev.apollodata.com/tools/

Resources:
ApolloGraphQL - https://www.apollographql.com/
Learn GraphQL using Apollo's Tutorials: https://odyssey.apollographql.com/
Explore the GraphQL FAQs - https://www.apollographql.com/docs/resources/faq
Checkout the Apollo docs - https://www.apollographql.com/docs/

GraphQL server tutorial for Node.js with SQL, MongoDB and REST

At GraphQL SF 2/15/18, Sashko Stubailo from Apollo speaks about deploying a serverless GraphQL API with AWS Lambda and Apollo Engine.

Follow us on Twitter to get notified about future meetups: https://twitter.com/apollographql

👉Full Description

More and more, we find that GraphQL APIs are being developed by product developers that don't want to worry about operating backend services. The serverless function model of deployment has a lot of benefits for APIs, but isn't as well suited when you need some stateful features such as caching or performance metrics aggregation. In this talk, Sashko presents a solution that combines the best of both worlds: A stateless GraphQL API running in AWS Lambda for ease of deployment with Apollo Engine in front to handle stateful concerns.

👉Slides


https://www.slideshare.net/sashko1/production-ready-serverless-graphql-with-aws-lambda-apollo-engine

👉Interested in Speaking?

We'd love to hear from you! Please message https://twitter.com/evanshauser

Deploying a Serverless GraphQL API - Sashko Stubailo

At React.js Conf last January, we introduced the idea of GraphQL: a data fetching language that allows clients to declaratively describe their data requirements. Let's explore more of GraphQL, it's core principles, how it works, and what makes it a powerful tool.

Lee Byron - Exploring GraphQL at react-europe 2015

Senior DropBox Engineer Chris Biscardi presents at our Practical GraphQL meetup on 1/19/17.

Join GraphQL San Francisco for updates on future events: http://www.meetup.com/GraphQL-SF/

Generating GraphQL APIs for Content-Based Sites - Chris Biscardi

Adam Miskiewicz explains how GraphQL and Apollo helped the small team at Expo build a new version of their app quickly, including how they developed the frontend and backend in parallel.

Learn more about Expo: https://expo.io/

Apollo at Expo: GraphQL Helps Small Teams Move Fast - Adam Miskiewicz

Robert Zhu - Realtime React Apps with GraphQL - React Conf 2017

Learn GraphQL with Apollo Odyssey, our hands-on training and tutorial course platform - https://odyssey.apollographql.com/

Learn from our Apollo Docs - https://www.apollographql.com/docs/

What’s the easiest way to navigate your schema and query your graph? Try Apollo Studio at https://www.apollographql.com/studio/develop/

Video Details: Ryan Chenkie, Developer Advocate at Auth0, gave this talk at GraphQL Summit 2017. Learn more: summit.graphql.com

Auth for GraphQL can be tricky. It's easy to lock down the entire endpoint but this is often too much. How do we get more specific? Let's talk about the available options and best practices for auth in GraphQL. You'll come away knowing everything you need to get a working auth solution in place.

Ryan Chenkie - Handling Authentication and Authorization in GraphQL

In this hands on workshop Amazon Developer Advocate Nader Dabit shows us how to get started with serverless GraphQL using AWS Amplify. Nader Dabit is a frequent speaker and specialized in React and React Native. He recently joined the AWS Amplify team and helps us understand how to build a back-end for our apps with serverless GraphQL. Thanks for Markus Kaiser from Amazon Munich for hosting us!

Event: React Munich Meetup on 4 September 2019 at AWS Munich HQ 
https://www.meetup.com/de-DE/reactmunich/events/264089241/
Speaker: Nader Dabit AWS developer advocate https://twitter.com/dabit3
Host: Markus Kaiser, AWS Munich
Organizer: Thomas Tränkler
Video: Thomas Tränkler

AWS Amplify Serverless GraphQL React workshop by Nader Dabit

Talk by Mandi Wise, Author of Advanced GraphQL with Apollo & React and Owner, 8-Bit Press Inc.

Since its launch last year, Apollo Federation has provided a more intuitive option for building distributed GraphQL architectures. Its declarative approach makes it possible to segment APIs sanely based on separation of concerns while simultaneously exposing a single data graph to clients without the trade-offs of a monolithic GraphQL server. In this talk, I will demonstrate how to get up and running with Apollo Federation in minutes and offer some considerations to keep in mind when transitioning to a distributed GraphQL architecture using this tool. This talk is 20 mins with 10 minutes of Q&A

Resources:

Apollo Federation Docs
https://www.apollographql.com/docs/apollo-server/federation/introduction/

Advanced GraphQL with Apollo & React
https://8bit.press/book/advanced-graphql

Mandi Wise on Twitter
https://twitter.com/mandiwise

Your First Federated Schema with Apollo Server

Talk from Apollo Day SF (May 31, 2018)

Adam Neary, technical lead at Airbnb, describes his team's approach to transitioning Airbnb's product engineering stack to Apollo and GraphQL, leveraging the company's investments in Thrift-based microservices while gaining the product development benefits of GraphQL and the full-stack Apollo suite of tools. Adam shows how infrastructure and product engineers collaborated on design requirements and gives a close look at some of the design and implementation they're rolling out in production.

* Learn more at https://www.apollographql.com (https://www.apollographql.com/)

* Read our technical blog: https://dev-blog.apollodata.com (https://dev-blog.apollodata.com/)

* Join Apollo's Community Slack group: https://www.apollographql.com/slack

* Register for the 3rd annual GraphQL Summit 2018, the world's largest GraphQL developer conference: https://summit.graphql.com/

Reconciling Thrift and GraphQL at Airbnb (Adam Neary)

Find the latest React.js talks & workshops at https://portal.gitnation.org
 
  🗓 Talk recording from React Amsterdam 2018 Conference  

Check out the latest React Summit Amsterdam news – https://reactsummit.com

See other React conferences by GitNation
React Day Berlin – https://reactday.berlin
React Advanced London – https://reactadvanced.com

#React State Management In a GraphQL Era

Now that GraphQL takes care of managing data in our apps, is an external state-management library even needed? Let's explore all the possibilities and compare the combinations of React, Apollo, Redux, MobX, and Next.js.

 
Subscribe to our channel to see more React (Native) talks: https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw/

React State Management In a GraphQL Era - Kitze

Anjana's next talk at JSConf EU in May: http://2017.jsconf.eu/speakers/anjana-vakil-immutable-data-structures-for-functional-js.html

Slides: https://slidr.io/vakila/learning-functional-programming-with-javascript

Learning Functional Programming with JavaScript - Anjana Vakil - JSUnconf

JavaScript programmers like to use words like, “event-loop”, “non-blocking”, “callback”, “asynchronous”, “single-threaded” and “concurrency”.

We say things like “don’t block the event loop”, “make sure your code runs at 60 frames-per-second”, “well of course, it won’t work, that function is an asynchronous callback!”

If you’re anything like me, you nod and agree, as if it’s all obvious, even though you don’t actually know what the words mean; and yet, finding good explanations of how JavaScript actually works isn’t all that easy, so let’s learn!

With some handy visualisations, and fun hacks, let’s get an intuitive understanding of what happens when JavaScript runs.

Transcript: http://2014.jsconf.eu/speakers/philip-roberts-what-the-heck-is-the-event-loop-anyway.html

License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

See also https://github.com/ry/deno

JSConf EU is coming back in 2019 https://2019.jsconf.eu/

10 Things I Regret About Node.js - Ryan Dahl - JSConf EU

Slides: http://www.slideshare.net/floydophone/react-preso-v2
React, the new open-source JS library from Facebook and Instagram, is a different way to write JavaScript apps. When it was introduced at JSConf US in May, the audience was shocked by some of its design principles. One sarcastic tweet from an audience member ended up describing React's philosophy quite accurately: https://twitter.com/cowboy/status/339858717451362304

At Facebook and Instagram, we're trying to push the limits of what's possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, "re-rendering" your entire application when your data changes, and a lightweight implementation of the DOM and events.


License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

Pete Hunt: React: Rethinking best practices -- JSConf EU

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found that fix to be unreliable, and played around with the timeout number until it kinda almost always worked? 
This talk looks at the browser's event loop, the thing that orchestrates the main thread of the browser, which includes JavaScript, events, and rendering. We'll look at the difference between tasks, microtasks, requestAnimationFrame, requestIdleCallback, and where events land. 
Hopefully you'll never have to use setTimeout hacks again!"

Jake is developer advocate for Google Chrome. He's one of the editors of the service worker spec, so he's into offline-first, push messaging and web performance.


JSConf.Asia - Capitol Theatre, Singapore - 27 January 2018

Source: https://2018.jsconf.asia/

License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

Jake Archibald: In The Loop - JSConf.Asia

http://2017.jsconf.eu/speakers/anjana-vakil-immutable-data-structures-for-functional-js.html

Functional programming has been gaining a lot of popularity in the JS community, and with good reason: rejecting side-effects and mutability - in-place changes to data - helps avoid a lot of headaches. But when you refuse to mutate objects, you have to create a whole new object each time something changes, which can slow things down and eat up memory, making functional programming seem inefficient.

That’s where immutable data structures come in - to save the day, and time and space! Also called “persistent data structures”, they help you efficiently make new “modified” versions of immutable objects, by reusing parts of the old object that you don’t need to change.

In this talk we’ll take a look at how these data structures work, why they’re fantastic for functional programming, and how we can easily use them in our JS code thanks to libraries like Mori and Immutable.js.

Anjana Vakil: Immutable data structures for functional JS | JSConf EU

Slides: http://afabbro.github.io/jsconf2013/

I am not an expert developer. I am also not a beginning developer.

I'm an intermediate developer, and I want to navigate the path from being a mediocre or good developer, to becoming a great or expert level developer.

How in the heck do I do this?

The tutorial ecosystem of the web is heavily skewed towards beginners, but what about the rest of us?

If you identify with these statements in the slightest, then this talk is for you. With ideas from cognitive science, education, and some advice from admired programmers along the way, we are going to explore what it means to be a world-class developer and what we need to do to get there. I'll talk a little bit about the philosophy, attitude, and habits (both good and bad) required for learning how to learn better, and then we will talk about the kinds of skills and knowledge that an expert programmer in general needs. Along the way we'll touch about various myths and cognitive biases about who can and cannot be a great programmer, and leave you with a path to get started. By the end of the talk, I will have proposed a curriculum of topics that should take an intermediate developer and turn them into an advanced one, and special attention will be given to mastery of the JavaScript language.

Meet Angelina
Angelina Fabbro is a programmer based in Vancouver, Canada and works at Steamclock Software. Angelina has a background in cognitive science, building clever robots and researching what people pay attention to. Her record as a web developer is balanced with modern iOS experience and a keen sense of design. Angelina also both teaches and mentors for the Vancouver chapter of Ladies Learning Code.

Angelina Fabbro: JavaScript Masterclass | JSConf US

http://2017.jsconf.eu/speakers/franziska-hinkelmann-javascript-engines-how-do-they-even.html

Want to know how JavaScript engines work? Why is JavaScript so fast? What is just-in-time compilation? We’ll look at basic concepts of compilers, challenges posed by modern JavaScript, and how to write compiler-friendly JavaScript.

Franziska Hinkelmann: JavaScript engines - how do they even? | JSConf EU

https://2018.jsconf.is/speakers/dan-abramov/

React 16 was released several months ago. Even though this update was largely API-compatible, the rewritten internal engine included new long-requested features and opened the door for exciting future possibilities.

In this talk, Dan will share the React team’s vision for what the future of React might look like, including some never before seen prototypes.

Whether or not you use React, Dan hopes that you will find something valuable in this talk, and that it sparks new conversations about building delightful user interfaces.

Dan Abramov: Beyond React 16 | JSConf Iceland

Frameworks exist because writing maintainable apps in vanilla JavaScript is hard. But frameworks aren’t free: downloading and parsing those extra bytes slows things up, just when your users are deciding whether to stick around.

Instead of choosing between bulky frameworks and maintainability nightmares, what if we could tell the computer ‘here are the blueprints, now you write the code’? In this talk we’ll discover a new breed of tools, such as Svelte, that let you do exactly that.

OMG JSConf EU is coming back in 2019 https://2019.jsconf.eu/

Computer, build me an app - Rich Harris - JSConf EU 2018

It’s clear by now that the robots are coming for us.

Breakthroughs in AI fill our streams and news feeds, themselves the products of AI, the echoing algorithmic screams of a new kind of mind being born.

Using deeplearn.js, we’ll find out how deep learning systems learn and examine how they think. The fundamental building blocks of AI have never been more accessible. Let’s explore the architecture of these new minds, which are growing to mediate our every interaction.

JSConf EU is coming back in 2019 https://2019.jsconf.eu/

Deep Learning in JS - Ashi Krishnan - JSConf EU 2018

We all take for granted that when we push enter in the browsers address bar, magic happens. The browser gets our HTML, that intern requests all the dependencies, insert magic, other things happen and then we have our site rendered. Simple, right, right…

Like many people as I’ve progressed in my career, building for the web, I’ve become curious as to how the browser does what it does. What makes it tick, how it turns a string of HTML into a data structure, how CSS & JavaScript come into play. Things like render tree, style recalculation, paints, reflows, all alien words will start to make sense by the end of this talk.

Suddenly you’ll understand why people recommend you place script tags at the bottom of the document, inlining critical CSS & all sorts of other performance techniques.

Intro music by @halfbyte

Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015

The JS package commons is in the hands of a for-profit entity. We trust npm with our shared code, but we have no way to hold npm accountable for its behavior. A trust-based system cannot function without accountability, but somebody still has to pay for the servers. How did we get here, and what should JavaScript do now?

https://2019.jsconf.eu/c-j-silverio/the-economics-of-open-source.html

The economics of open source by C J Silverio | JSConf EU 2019

Javascript has always been a language with very little syntactic sugar—for better or worse. With ES6/2015, and future iterations,though, Javascript is gaining a more and more abstract and expressive syntax. To some it might appear that our language—which already seems accessible and approachable for beginners— is becoming even more accessible and approachable. However, both the humanities and CS education research have proven that abstraction, while a powerful tool for knowledgeable practitioners, can be an equally powerful foil for beginners. As we enter the era of language-level abstractions in ES6/2015, we are charged with the task of rethinking how we teach JavaScript. Through an interdisciplinary montage I will identify the problem of teaching abstraction as a ubiquitous demand across nearly every domain, and align the issues of creativity and critical thinking in the humanities with issues in computer science. The talk will conclude with a discussion of how the discipline of computer science and that of the humanities can inform each other to produce more effective and creative solutions to both developing and teaching abstractions.

Ashley Williams: If you wish to learn ES6/2015 from scratch, you must first invent the universe

Douglas Crockford: Really. JavaScript.

http://2017.jsconf.eu/speakers/lin-clark-a-cartoon-intro-to-webassembly.html

WebAssembly is fast. It’s being called “the future of the web”. It’s speed and potential have major browser vendors working together to make it a reality. And it’s on it’s way—the MVP hit multiple browsers in October of last year.

But what makes it fast? Starting from the basics, this talk will walk you through what WebAssembly is, and then why it’s fast.

Lin Clark: A Cartoon Intro to WebAssembly | JSConf EU

This talk will explore the conceptual underpinnings of asynchronous programming options, and the drawbacks and advantages to each. JS has supported callbacks since 2009, and as years have gone by it’s added support for promises, generators, and now async/await. On a surface level, each of these techniques seeks to answer a question of how to access data not immediately available, but a deeper look into how each works on a granular level will show their implementation differences and how these differences affect usage. We’ll also take a look at how intermediate values, and errors are affected by each method. I’ll walk through a series of scenarios so you can better visualize performance differences, and how each method propagates data through the stack and the event loop. Finally, I’ll talk about where the future of async may be headed. Armed with new knowledge from this deep dive, the potentially treacherous road to fully understanding async will hopefully become a smoother ride!

OMG JSConf EU is coming back in 2019 https://2019.jsconf.eu/

Asynchrony: Under the Hood - Shelley Vohr - JSConf EU

www.utahjs.com

2016 UtahJS Conference
Friday, September 16, 2016

Slides: https://github.com/waderyan/college-wrestling

VS Code is a new, cross platform editor from Microsoft that combines the speed and simplicity of a code editor with the great code editing and debugging experiences normally only found in heavy IDEs. VS Code downloads and installs in under a minute complete with deep JavaScript, Node, CSS/LESS/SASS support and more, everything you need for full stack web development. Along with lightweight git support, VS Code integrates seamlessly into your toolchain and with more than 1000 extensions and themes, you can customize VS Code to work the way you do. In this talk you’ll find out why we think VS Code is last editor you’ll ever need as we build an application from scratch to the cloud in under 30min.

Visual Studio Code The last editor you'll ever need - Wade Anderson

The first three talks from React Conf 2018 by Sophie Alpert, Dan Abramov, and Ryan Florence.

Learn more about Hooks at https://reactjs.org/hooks.

React Today and Tomorrow and  90% Cleaner React With Hooks

A talk on the past, the present and the future of animation, and the place React can potentially take in this. I will be focusing on a few experiments on animation I've done, specifically: react-tween-state, react-state-stream and some unreleased transition-group related thoughts and work.

Make sure to checkout react-motion demoed in this video: https://www.npmjs.com/package/react-motion

https://twitter.com/_chenglou

Cheng Lou - The State of Animation in React at react-europe 2015

We present an approach to state management that scales from a single component to highly complex apps. This boilerplate-free system makes it easy to support browser history and URLs and to manage asynchronous data dependencies, and works with modern React features. We use as a case-study a sophisticated data analysis tool developed at Facebook which led us to create this system.

Recoil: State Management for Today's React - Dave McCabe aka @mcc_abe at @ReactEurope 2020

React Today and Tomorrow - Sophie Alpert and Dan Abramov - React Conf 2018

Concurrent Rendering in React - Andrew Clark and Brian Vaughn - React Conf 2018

A year ago, Dan introduced Redux as an experiment in making the Flux architecture support hot reloading and time travel. Since then, Redux eclipsed the classic Flux in popularity, found converts in React, Angular, and Meteor communities, and spawned a rich ecosystem of libraries and tools. In this talk, Dan reflects on the past, present, and future of Redux.

Dan Abramov - The Redux Journey at react-europe 2016

90% Cleaner React With Hooks - Ryan Florence - React Conf 2018

Find the latest React.js talks & workshops at https://portal.gitnation.org
 
  🗓 Farid is the creator of Gifted Chat and a React Native instructor at LeReacteur.

https://www.meetup.com/React-Native-Amsterdam/events/233645265/

 
Subscribe to our channel to see more React (Native) talks: https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw/

Farid Safi: Build a React Native chat app in 30 minutes

Find the latest React.js talks & workshops at https://portal.gitnation.org
 
  🗓 Talk recording from React Summit Remote Edition 2020

Website - https://remote.reactsummit.com/


See other React conferences by GitNation
React Summit – https://reactsummit.com
React Advanced London – https://reactadvanced.com
React Day Berlin – https://reactday.berlin/

#React Query: It’s Time to Break up with your "Global State”!
An increasing amount of data in our React applications is coming from remote and asynchronous sources and, even worse, continues to masquerade as “global state”. In this talk, you’ll get the lowdown on why most of your “global state” isn’t really state at all and how React Query can help you fetch, cache and manage your asynchronous data with a fraction of the effort and code that you’re used to.


Tanner Linsley
Tanner is an open source creator who loves React and JavaScript. He has built and still maintain several well-known open source libraries like React Table, React Query, React Form, React Charts, React Static, and even Chart.js
He co-founded Nozzle.io 6 years ago and currently holds down the front-end fort there as VP of UI and UX.
When not programming, Tanner spends his free time traveling, recording music, film-making, and vacationing with his wife and children.


Subscribe to our channel to see more React (Native) talks: https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw/

React Query: It’s Time to Break up with your "Global State”! –Tanner Linsley

Facebook engineers Bill Fisher and Jing Chen are here to talk about Flux and React, and how using an application architecture with a unidirectional data flow cleans up a lot of their code.

More HTML5 & JavaScript Resources: http://crcl.to/go

Tickets to Forward 2: http://forwardjs.com/

React and Flux: Building Applications with a Unidirectional Data Flow

React without memo

Announcement of the React Chrome Developer Tools http://facebook.github.io/react/blog/2014/01/02/react-chrome-developer-tools.html

"React, the new open-source JS library from Facebook and Instagram, is a different way to write JavaScript apps. When it was introduced at JSConf US in May, the audience was shocked by some of its design principles. One sarcastic tweet from an audience member ended up describing React's philosophy quite accurately: https://twitter.com/cowboy/status/339858717451362304
At Facebook and Instagram, we're trying to push the limits of what's possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, 're-rendering' your entire application when your data changes, and a lightweight implementation of the DOM and events."

Pete is a member of the React core team at Facebook and also the sole engineer on Instagram.com. He has also designed and implemented the video encode backend infrastructure for Facebook and Instagram and computer vision infrastructure and general front-end web engineering for Facebook photos. Pete likes to play guitar and rock climbing when he is not hacking.

JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013.

Source: http://2013.jsconf.asia/blog/2013/10/31/jsconfasia-2013-pete-hunt-react-rethinking-best-practices
Slides: http://www.slideshare.net/floydophone/react-preso-v2

License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

Pete Hunt: React - Rethinking Best Practices (updated) - JSConf.Asia 2013

Find the latest React.js talks & workshops at https://portal.gitnation.org
 
  🗓 Talk from React Amsterdam Conference 2017  

Check out the latest React Summit Amsterdam news – https://reactsummit.com

See other React conferences by GitNation
React Day Berlin – https://reactday.berlin
React Advanced London – https://reactadvanced.com

Max Stoiber, Co-founder and CTO of Space Program (Spectrum)

React popularized a new way of building user interfaces – components. By splitting our app into small, digestible parts the system as a whole becomes a lot easier to understand.
CSS was made in an era where documents were the height of the web. It doesn't fit easily into component-based systems, making styling one of the pain points of building React applications.
What if we took the best of JavaScript and the best of CSS, and combined them together to create the ultimate solution? Glen Maddern (CSS Modules co-creator) and I sat down and starting thinking about styling in this new paradigm. Let's talk about what we thought about and why we arrived where we did – 💅 styled-components.

 
Subscribe to our channel to see more React (Native) talks: https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw/

Styling React/ReactNative Applications - Max Stoiber

Find the latest React.js talks & workshops at https://portal.gitnation.org
 
  🗓 Talk recording from React Amsterdam 2018 Conference  

Check out the latest React Summit Amsterdam news – https://reactsummit.com

See other React conferences by GitNation
React Day Berlin – https://reactday.berlin
React Advanced London – https://reactadvanced.com

#D3 and React, Together

D3 and React, who should control the DOM? After all, React’s whole purpose is managing updates to the DOM so we don’t have to. D3, on the other hand, is a library for building data visualizations, and it too needs access to the DOM. And stepping back, when should we even use D3 and React together? In this talk, I will give guidelines on when React should have ownership of the DOM, and when D3 should instead. More importantly, I will cover the interactions and applications that will benefit the most from using D3 and React, together.

 
Subscribe to our channel to see more React (Native) talks: https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw/

D3 and React, Together - Shirley Wu

React Native's New Architecture - Parashuram N - React Conf 2018

History of Blockchain Technology
- History of digital currency and blockchains
- Problems with previous implementations
- Chaum’s ecash, Adam Back’s hashcash, Szabo’s bitgold, etc.

Lecture 1: History of Blockchain Technology

Public-key cryptography
- How does it work?
- Public and private keys
- One-way functions

Lecture 2: Public-key Cryptography

Introduction to Hashing
- What is hashing?
- Cryptographic hashing algorithms
     - Collision-resistance
     - Hiding
     - Puzzle-friendliness

Lecture 3: Introduction to Hashing

Sergey Narzarov from Chainlink discusses oracles, issues with current smart contracts, polkadot, and what he is excited for in 2019 during W3F's track at EthCC.

Chainlink, the solution to delivering data to smart contracts

The internet has been viewed as transformative for society. But we are still effectively applying the same old business models and hierarchical structures to new technology. 

Dr. Gavin Wood, Founder of Web3 Foundation, Parity Technologies and Ethereum, explains why it's important for the internet to evolve into a truly decentralised web in order to allow for entirely new societal structures to be created.

Web3 Foundation - The Next Evolution of the Internet - Dr. Gavin Wood

Decentralized Oracles: Providing Access to Key Off-chain Data Sources by Sergey Nazarov

Filmed at http://2016.dotgo.eu on October 10th in Paris. More talks on http://thedotpost.com

The tried-and-true approach to sharing memory in Go is via communication. Yet there are scenarios where the amount of data is prohibitively expensive to pass around. Instead of falling back to locks, immutable data structures provide an alternative way, where we can achieve concurrent access to shared memory while at the same time make reasoning about complexity much easier.

dotGo 2016 - Péter Szilágyi - Immutability in Go: Post mortem from a DoS-ed blockchain

Blockchain-related data structures and concepts
- Hash pointers
- Hash chains
- Merkle trees

Lecture 5: Blockchain-Related Data Structures and Concepts

Web3 Foundation hosts a meetup to discuss Decentralized Exchanges after a Berlin workshop where a number of DEX projects came together to discuss ecosystem challenges. 

Presenting in the video are:

0:00, 2:35 Web3 Foundation Introduction - Dr. Gavin Wood & Peter Czaban

5:40 Radar Relay - Alan Curtis - An overview on Radar Relay + Centralized vs. Decentralized Exchanges

25:03 AirSwap - Michael Oved - Airswap and the token marketplace + Introduction to different liquidity types

44:51 Gnosis PM - Christiane Ernst - Gnosis DEX presentation + Auction Mechanism implemented in the Gnosis DEX

01:06:40 Kyber Network - TN Lee - Introduction to Kyber Network + Co-existing with Centralized Exchanges

01:27:55 Melonport - Gautham Nekkanti - Melonport walkthrough + Cross-chain exchanges

01:47:52 Web3 Foundation - Matthew Di Ferrante - Privacy-preserving exchanges

02:08:21 OmiseGO - David Knott - OmiseGo's 100% public Plasma.io DEX

Web3 Foundation: Decentralized Exchange Meetup, 24 JAN 18 - Berlin

Hashing In-Depth
- Merkle-Damgard transforms
- Digital signatures
- Public identities

Lecture 4: Hashing In-Depth

Decentralization
- Distributed Consensus
- Attacks on distributed consensus:
       False spending - block creation/modification, Denial of service, Double-spend attack, 51% attacks.

Lecture 6: Decentralization

Proof of Work and Mining
- What are miners doing?
- Bernoulli trials and Poisson process outcome
- Transaction fees and block rewards

Lecture 7: Proof of Work and Mining

Dillon Chen and Raymond Z. of Commonwealth announce Edgeware, a Wasm-based smart contract chain built on Substrate. They’re giving away 90% of tokens to anyone who locks up Ether for a finite amount of time, creating EDGE with ETH.

Learn more: http://edgewa.re 

This video was recorded at Web3 Summit 2018 in Berlin.

Edgeware: A Wasm smart contract platform built on Substrate

Mining In-Depth
- Mining difficulty
- Hardware (CPU vs GPU vs FPGAs vs ASICs)
- Mining pools
- Problems with Reliance on Mining

Lecture 8: Mining In-Depth

Join Polkadot Seoul: www.meetup.com/Polkadot-seoul

Adrian Brink of Web3 Foundation explains the benefits of building your decentralized application as a Polkadot parachain. 

This video was filmed in Seoul in 2018.

Parachains vs. Smart Contracts, presented by Adrian Brink at Polkadot Seoul

Smart Contracts, Part 1
- Difference between a smart contract and a runtime
- What to consider when writing a smart contract
- What belongs in a smart contract

Lecture 19: Smart Contracts, Part 1

Mechanics of Cryptocurrency
- What makes up a transaction?
- Ledger vs account models
- Anatomy of a Block (transactions and metadata)

Lecture 9: Mechanics of Cryptocurrency

Proof-of-Stake
- Proof-of-stake vs Proof-of-work
- “Nothing at stake” issue and slashing
- Benefits and Drawbacks of Proof-of-stake

Awesome Talks

Awesome JavaScript Talks

Learning Functional Programming with JavaScript - Anjana Vakil - JSUnconf

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

10 Things I Regret About Node.js - Ryan Dahl - JSConf EU

Learning Functional Programming with JavaScript - Anjana Vakil - JSUnconf

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

Learning Functional Programming with JavaScript - Anjana Vakil - JSUnconf

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

10 Things I Regret About Node.js - Ryan Dahl - JSConf EU

Awesome React Talks

React Today and Tomorrow and 90% Cleaner React With Hooks

Pete Hunt: React: Rethinking best practices -- JSConf EU

Cheng Lou - The State of Animation in React at react-europe 2015

React Today and Tomorrow and 90% Cleaner React With Hooks

Pete Hunt: React: Rethinking best practices -- JSConf EU

React Today and Tomorrow and 90% Cleaner React With Hooks

Pete Hunt: React: Rethinking best practices -- JSConf EU

Cheng Lou - The State of Animation in React at react-europe 2015

Awesome GraphQL Talks

GraphQL Schema Design: Tips and tricks from the battlefield - Gustav Rydstedt

Apollo + GraphQL + React — thinking in queries (James Baxley)

Navigating Your Transition to GraphQL

GraphQL Schema Design: Tips and tricks from the battlefield - Gustav Rydstedt

Apollo + GraphQL + React — thinking in queries (James Baxley)

GraphQL Schema Design: Tips and tricks from the battlefield - Gustav Rydstedt

Apollo + GraphQL + React — thinking in queries (James Baxley)

Navigating Your Transition to GraphQL

Awesome Web3 Talks

Lecture 1: History of Blockchain Technology

Lecture 2: Public-key Cryptography

Lecture 3: Introduction to Hashing

Lecture 1: History of Blockchain Technology

Lecture 2: Public-key Cryptography

Lecture 1: History of Blockchain Technology

Lecture 2: Public-key Cryptography

Lecture 3: Introduction to Hashing

Get the Newsletter!