Modern JavaScript Testing: Integration, Contract Testing & AI Tools - JSJ 692

Panel: Charles Max WoodCory HouseAimee Knight Special Guests: Ben TitzerIn this episode, the JavaScript Jabber panelists discuss WebAssembly and JavaScript with Ben Titzer. Ben is a JavaScript VM engineer and is on the V8 team at Google. He was one of the co-inventors of WebAssembly and he now works on VM engineering as well as other things for WebAssembly. They talk about how WebAssembly came to be and when it would be of most benefit to you in your own code.In particular, we dive pretty deep on:Ben introJavaScriptCo-inventor of WebAssembly (Wasm)Joined V8 in 2014asm.jsBuilt a JIT compiler to make asm.js fasterTurboFanWhat is the role of JavaScript? What is the role of WebAssembly?SIMD.jsJavaScript is not a statically typed languageAdding SIMD to Wasm was easierEasy to add things to WasmWill JavaScript benefit?Using JavaScript with Wasm pros and consPros to compiling with WasmStatically typed languagesThe more statically typed you are, the more you will benefit from WasmTypeScriptIs WebAssembly headed towards being used in daily application?Rust is investing heavily in WasmWebAssembly in gamingAnd much, much more!Links:JavaScriptV8WebAssemblyasm.jsTurboFanTypeScriptRustWebAssembly GitHubBen’s GitHubPicks:CharlesReady Player One MovieDevChat.tv YouTubeAlexa Flash Briefings: Add skill for “JavaScript Rants”Corynpm Semantic Version CalculatorKent Beck TweetAimeeMDN 418 Status codeQuantity Always Trumps Quality blog postBenAmerican PoliticsSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

17 Huhti 201852min

Panel: Charles Max WoodCory HouseAimee Knight Special Guests: Ben TitzerIn this episode, the JavaScript Jabber panelists discuss WebAssembly and JavaScript with Ben Titzer. Ben is a JavaScript VM engineer and is on the V8 team at Google. He was one of the co-inventors of WebAssembly and he now works on VM engineering as well as other things for WebAssembly. They talk about how WebAssembly came to be and when it would be of most benefit to you in your own code.In particular, we dive pretty deep on:Ben introJavaScriptCo-inventor of WebAssembly (Wasm)Joined V8 in 2014asm.jsBuilt a JIT compiler to make asm.js fasterTurboFanWhat is the role of JavaScript? What is the role of WebAssembly?SIMD.jsJavaScript is not a statically typed languageAdding SIMD to Wasm was easierEasy to add things to WasmWill JavaScript benefit?Using JavaScript with Wasm pros and consPros to compiling with WasmStatically typed languagesThe more statically typed you are, the more you will benefit from WasmTypeScriptIs WebAssembly headed towards being used in daily application?Rust is investing heavily in WasmWebAssembly in gamingAnd much, much more!Links:JavaScriptV8WebAssemblyasm.jsTurboFanTypeScriptRustWebAssembly GitHubBen’s GitHubPicks:CharlesReady Player One MovieDevChat.tv YouTubeAlexa Flash Briefings: Add skill for “JavaScript Rants”Corynpm Semantic Version CalculatorKent Beck TweetAimeeMDN 418 Status codeQuantity Always Trumps Quality blog postBenAmerican PoliticsSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

17 Huhti 201852min

Panel: Joe EamesCory HouseAimee Knight Special Guests: Ben ClinkinbeardIn this episode, the JavaScript Jabber panelists talk about D3.js with Ben Clinkinbeard. D3.js is a JavaScript library that has you use declarative code to tell it what you want and then it figures out all of the browser inconsistencies and creates the notes for you. He talks about the two main concepts behind D3, scales and selections, which once you understand make D3 a lot more user friendly. He then touches on SPGs and discusses his Learn D3 in 5 Days course.In particular, we dive pretty deep on:What is D3.js?Stands for Data Driven DocumentsJavaScriptHow much of the learning curve is attributed to learning D3?SPG2 main concepts behind D3: scales and selectionsIs learning about SPGs a prerequisite to leaning D3?How serious are you talking when saying idiosyncrasies?SPG tagUnderstanding positioning in SPGPositions with CSS transformsAre you required to use SPG?Not required to use SPG with D3CanvasSPG is vector basedSPG utility functionResponseivefyLearn D3 in 5 Days courseIs there and overlap with D3 and React?And much, much more!Links:D3.jsJavaScriptResponsivefyLearn D3 in 5 Days courseReact @bclinkinbeardBen’s GitHubPicks:CoryReact cheat sheet“Why software engineers disagree about everything” by Haseeb QureshiJoe Eames“JavaScript vs. TypeScript vs. ReasonML” by Dr. Axel RauschmayerAimee“How To Use Technical Debt In Your Favor”Neuroscience News TwitterBenComLinkSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

10 Huhti 201845min

Panel: Charles Max WoodAimee KnightAJ ONeal Special Guests: Peggy RayzisIn this episode, the JavaScript Jabber panelists talk about Apollo with Peggy Rayzis. Peggy is an open source engineer on the Apollo team where she primarily focuses on client stuff, working on Apollo Client, and also other libraries. Previously, she was a UI engineer at Major League Soccer where she worked primarily with React and React Native. She discusses what GraphQL is and how it is used, as well as how they use it in the Apollo team to make their lives as developers easier. They also touch on when it would work best to use GraphQL and when it is not ideal to use it.In particular, we dive pretty deep on:AiA 127 EpisodePeggy introWhat is GraphQL?What is a Typed Query Language?What is a schema?Where do schemas get defined?GraphQL SDLApollo Stack and Apollo ServerTracing and cash controlApollo EngineHow GraphQL Replaces ReduxGraphQL cuts down on front-end managementApollo Link StateThe best code is no codeApollo Client allows for greater developer productivityDoes the conversation change if you’re not using Redux or in a different ecosystem?When is the right time to use this?Data doesn’t have to be graph shaped to get the most out of GraphQLAnalyze schema with Apollo EngineIs there a way to specify depth?Max Stoiber blog postHow would people start using this?HowtoGraphQL.comAnd much, much more!Links:React Dev SummitJS Dev SummitApolloAiA 127 EpisodeApollo ClientMajor League SoccerReactReact NativeGraphQLGraphQL SDLApollo ServerApollo EngineHow GraphQL Replaces ReduxApollo Link StateReduxMax Stoiber blog postHowtoGraphQL.com@PeggyRayzisPeggy’s GitHubPeggy’s MediumPicks:CharlesGraphQL RubyWordPress GraphQLHogwarts Battles Board GamePandemic LegacyRisk LegacyAimeeHow GraphQL Replaces ReduxJavaScript Meetup in LAAJSimple.comBroccoliWallet.comThe Four by Scott GallowayPeggyWorkshop.meThanks for the Feedback by Douglas StoneSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

3 Huhti 201840min

Panel: Charles Max WoodCory HouseAimee KnightJoe EamesAJ O'NealIn this episode, the JavaScript Jabber panelists talk about the Framework Summit. It was the brainchild of Merrick Christensen. This summit includes talks on multiple different frameworks all in a two-day conference, which allows you to get exposed to new frameworks while still learning more about the framework your job requires you to use. Another goal of the conference is that it will be able to open people’s eyes up to the different frameworks available to them and show that no one framework is superior to another.In particular, we dive pretty deep on:What is the Framework Summit?The framework you use plays a huge role in your programmingFor people who want to learn about more than one frameworkAllows you to exploreThe format of the conferencePark City, Utah in October 2018Helps you answer which framework should you use?Goal is to open people’s eyes up to other frameworksDecrease internet arguments over which framework is betterFluent ConferenceGet to have conversation with other people who work in your frameworkMaking connectionsReact Rally Talk Evan CzaplickiThe context mattersBeing able to deep dive into the different frameworksUsing frameworks in conjunction with one anotherHave you seen “religionist” themes in programming frameworks?Why Good People Are Divided by Politics and Religion by Jonathan HaidtSome people will never look beyond their frameworksIf it’s working, why would you mess with it?And much, much more!Links:React Dev SummitJS Dev SummitFramework SummitAngularReactEmberJavaScriptFluent ConferenceReact Rally Talk Evan CzaplickiWhy Good People Are Divided by Politics and Religion by Jonathan Haidt@FrameworkSummitPicks:CharlesParked Out By the Lake Dustin ChristensenDevChat.tvNewspaper by ThemeforestCoryQuokkaAimeeRepublic of Tea – Apple Cider Vinegar TeaThe Way of TestivusJoeEvan Czaplicki TalkAJDinosaursCough Syrup by Young the GiantSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

27 Maalis 201848min

Panel: Charles Max WoodAimee KnightJoe EamesAJ O'Neal Special Guests: Orta TheroxIn this episode, the JavaScript Jabber panelists talk about the tool Danger with Orta Therox. Danger allows you to create cultural rules about your pole request workflow. They discuss what Danger is, how it works, and how it can help you to catch errors and speed up code review. Danger lets you erase discussions so that you can focus on the things that you should really be focusing on, like the code. They also compare Danger to other ways of doing test converge.In particular, we dive pretty deep on:What is DangerJS?Think of it as being on the PR levelProvides an eval contextUsed on larger projectsReact, React Native, Apollo, and RxJSExperimenting with moving Danger onto a serverDanger can run as a linting stepPre-commit hooksPrettierHow do you use Danger on your own machine?Danger Ruby vs Danger JSNPM installHow is using Danger better that other ways of test coverage?What kinds of rules can you write for this system?Can use with Ruby or JavaScriptReact StorybooksRetrospectivesAnd much, much more!Links:React Dev SummitJS Dev SummitDanger JSReactReact NativeApolloRxJSPrettierDanger RubyRubyJavaScriptOrta’s GitHubArtsy BlogPicks:CharlesHogwarts Battle Board GameSushi Go Party! GameNYC tipsAimeeMax Stoiber BlogThe Ultimate Guide to Kicking Ass on Take-home Coding ChallengesJoeSaltCONStuffed Fables Board GameAJUniFi AC LiteFullmetal AlchemistOrtaThe WireWorm Web SerialSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

20 Maalis 201848min

Panel: Charles Max WoodAimee KnightJoe EamesCory HouseAJ O'Neal Special Guests: NoneIn this episode, the JavaScript Jabber panelists talk about React: The Big Picture, Cory’s course on Pluralsight and what React is all about. They discuss both the pros and cons when it comes to using React and when it would be the best to use this library. They also encourage programmers to use React in a more consistent way so that people can share components.In particular, we dive pretty deep on:What is React: The Big Picture course?ReactThe frameworks work with each otherReason and ElmHow to decide when using React is the best option?React tradeoffsJavaScriptReact expects you to do a little more typing and workReact is very close to JavaScriptReact pushes you towards a single file per componentReact Round UpAre the Code Mods as wonderful as they sound?AngularCreate React AppWhat are Code Mods?Lack of opinionated approach in ReactUsing React in a more consistent wayMobX and ReduxStart off using just plain ReactWhen wouldn’t you want to use React?And much, much more!Links:React: The Big PictureCory’s PluralsightReasonElmReactJavaScriptReact Round UpCreate React AppAngularMobXReduxFramework Summit 2018Angular: The Big PictureReact Dev SummitPicks:CharlesHunting HitlerThe Greatest Showman: Sing-a-longAimee“Why being a perfectionist is an obstacle (and how to beat it)” by Gui Fradin“How to understand the large codebase of an open-source project?” blog postJoeMarital Bliss Card GameAJPplwink.comSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

13 Maalis 201851min

Panel: Charles Max WoodAimee KnightCorey HouseAJ O'Neal Special Guests: Ben Coe, Aaron Abramov, and Issac SchleuterIn this episode, the JavaScript Jabber panelists talk with Ben Coe, Aaron Abramov, and Issac Schleuter about test coverage and testing tools. They talk about the different tools and libraries that they have contributed to the coding community, such as NYC, conf, and Jest. They also discuss what test coverage is actually about and when using test coverage tools is necessary.In particular, we dive pretty deep on:What have you contributed to the testing tools community?npmNYC tool and instanbul projectconfJestThese libraries were developed to be easy and have “batteries included”False positives with test coverageEncourage testing practices that don’t practice in a superficial wayTest coverage is about making sure you test every state a public API can get intoThink through the test you’re writing firstBarriers against testingDon’t spike the code too quicklyProvides guardrails for newer developers to contribute to open source projectsUse tests to understand the systemHow to spend your time betterWhen you need testsValue is very short termTDDAnd much, much more!Links:@BenjaminCoe@AaronAbramov_Issac’s GitHubPicks:CharlesReact RoundupViews on VueAdventures in AngularReact Dev Summit 2018AimeeGalentine’s DayDnote CLIAJThe Hero of Ages by Brandon SandersonCoreyWe are hive project guidelinesTip: You can install node as a dependency on your projectBenHack Illinois 2018C8AaronReasonIssacThe Tap 100Krypton AppFriendly Fire PodcastsSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

6 Maalis 201822min