800: Why the jQuery Creator Uses React and Typescript - John Resig
In episode 800 of Syntax, Scott and Wes sit down with John Resig, the creator of jQuery, to discuss the current state of React and TypeScript. They dive into the evolution of frontend frameworks, the challenges of server-side rendering, and the tech stack at Khan Academy.
Show Notes 00:00 Welcome to Syntax!
00:59 Brought to you by Sentry.io.
01:32 What is jQuery?
05:31 Did you anticipate the success jQuery had?
07:16 allow-discrete, @starting-style. Install Nothing: App UIs With Native Browser APIs - Scott Tolinski.
07:54 Building the community around jQuery.
11:16 jQuery plugins.
13:00 Did you ever make money from jQuery?
16:13 What is your role at Khan Academy.
17:58 What is the tech stack at Khan Academy?
21:56 Why do you want to change your CSS and JS framework?
24:03 TypeScript vs Flow.
25:25 GraphQL federation.
28:08 What was your frontend framework journey?
30:23 Is there any part of React you wish would improve?
32:37 Reservations using React Router.
33:14 Khan Academy web platform vs native platform.
35:21 What do you use for state management?
38:48 What’s harder than it should be on the web today? Kilian’s Question On X.
Polypane.app.
42:46 Opinions on JavaScript Sprinkles.
44:04 What’s with the $ sign in jQuery?
45:29 The challenges of having your name in such a widely used software.
51:06 Challenges with server-side rendering in React.
52:42 Sick Picks & Shameless Plugs.
54:48 What are the performance issues associated with internationalization?
56:57 Back to Sick Picks & Shameless Plugs.
Sick Picks John: Biome, Remix, Lingui.
Shameless Plugs John: Khan Academy.
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
REST easy, GraphQL is here (Interview)
In this special rebroadcast of JS Party, Jerod and Suz talk with John Resig about how he’s using GraphQL at Khan Academy, some of the mistakes and successes using GraphQL, John’s feelings on jQuery, and community Q&A.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
Vettery – Vettery helps you scale your teams by connecting you with highly qualified tech, sales & finance candidates. Download their tech salary report for 2018 with insights from tech hiring activity in New York City, San Francisco, Los Angeles, and Washington D.C. Download at vettery.com/founderstalk.
Raygun – Unblock your biggest app performance bottlenecks with Raygun APM. Smarter application performance monitoring (APM) that lets you understand and take action on software issues affecting your customers.
Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2018. Start your server - head to linode.com/changelog
Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog.
Featuring:
John Resig – Website, GitHub, X
Suz Hinton – GitHub, Mastodon, X
Jerod Santo – Website, GitHub, LinkedIn, Mastodon, X
Show Notes:
John’s intro to the GraphQL Guide - Introduction by John Resig, author of GraphQL Guide
Get the GraphQL Guide (beta) - Link to the Ebook & Training information on GraphQL, with a free tshirt for full edition Ebook readers
The Changelog #255: Why is GraphQL so cool? - Link to the GraphQL Podcast
The Changelog #297: Prisma and the GraphQL data layer - Link to the Prisma and GraphQL Data Layer
Listen to the original episode
Something missing or broken? PRs welcome!
REST easy, GraphQL is here
Jerod and Suz talk with John Resig about how he’s using GraphQL at Khan Academy, some of the mistakes and successes using GraphQL, John’s feelings on jQuery, and community Q&A.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog.
Hired – Salary and benefits upfront? Yes please. Our listeners get a double hiring bonus of $600! Or, refer a friend and get a check for $1,337 when they accept a job. On Hired companies send you offers with salary, benefits, and even equity upfront. You are in full control of the process. Learn more at hired.com/jsparty.
Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com.
Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2018. Start your server - head to linode.com/changelog
Featuring:
John Resig – Website, GitHub, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Suz Hinton – GitHub, Mastodon, X
Show Notes:
John’s intro to the GraphQL Guide
Get the GraphQL Guide (beta)
The Changelog #255: Why is GraphQL so cool?
The Changelog #297: Prisma and the GraphQL data layer
Something missing or broken? PRs welcome!
Ep. 36 - Creating jQuery (John Resig)
John Resig, creator of jQuery, talks about what it was like to build the most popular javascript library and then walk away from it five years later to follow his passion for education. We unpack what it’s like to maintain such a popular toolkit, how he feels about books, how he takes on his own learning, and why he made the Women Who Code twitter list.
Show Links
Partner with Dev & CodeNewbie! (sponsor)
jQuery
Pamela Fox
jQuery Foundation
Khan Academy Labs
Women Who Code Twitter List
Jenn Schiffer's Interview on CodeNewbie
Codeland Conf
Codeland 2019
John Resig
John Resig is a developer at Khan Academy and the creator of the jQuery JavaScript library. He’s also the author of the books Pro JavaScript Techniques and Secrets of the JavaScript Ninja.
Mobile Web Development and jQuery (Interview)
Adam and Wynn caught up with John Resig at TXJS and talked about mobile web development with jQuery and TestSwarm, a continuous integration project from Mozilla Labs.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Show Notes:
TestSwarm - Distributed continuous integration testing for JavaScript.
Pro JavaScript Techniques John’s JavaScript book
Secrets of the JavaScript Ninja John’s upcoming book of trade secrets
WebKit - The rendering engine behind Safari, Chrome, and a growing number of mobile browsers
PhoneGap - Bridges the gap between the web and native functions on the iPhone, Android, and Blackberry
Fennec Firefox for mobile devices
Opera Dragonfly - cross device, cross platform debugging environment for the Opera browser-debug JavaScript, inspect and edit CSS and the DOM
jQTouch - jQuery plugin for mobile web development on the iPhone, iPod Touch
iUI - create WebApps with an iPhone-like Look and Feel from Firebug creator Joe Hewitt
TouchScroll JavaScript- and CSS?3-based scroller for devices using Webkit Touch (yes, that includes Android). It is meant to mimic “native” scrolling feeling and behavior as much as possible.
Mustache.js - Minimal templating with {{mustaches}} in JavaScript
Something missing or broken? PRs welcome!