Podcasts about Webpack

Open-source JavaScript module bundler

  • 161PODCASTS
  • 424EPISODES
  • 48mAVG DURATION
  • 1MONTHLY NEW EPISODE
  • Apr 21, 2025LATEST

POPULARITY

20172018201920202021202220232024


Best podcasts about Webpack

Show all podcasts related to webpack

Latest podcast episodes about Webpack

Front-End Fire
All AI All the Time: OpenAI's Codex, the Web Dev AI Survey, and More

Front-End Fire

Play Episode Listen Later Apr 21, 2025 45:21


The AI hype train keeps chugging along with new updates from OpenAI. ChatGPT now offers GPT-4.1 - a new dev-first model trained for use cases related to coding, instruction following, and function calling with a context window of up to 1 million tokens. It also announces Codex CLI, a terminal version of ChatGPT that devs can use to run code, manipulate files, and iterate without ever leaving their preferred terminal.Next.js 15.3 drops with new features like using its Turbopack buildpack for production builds (still in alpha stage so use with caution), community support for Rspack as a drop in replacement for the Webpack bundler, and new navigation hooks for enhanced client-side routing capabilities.There's also a new survey out this week: the first annual State of Web Dev AI, which answers questions like which AI tools devs find most useful, how much devs are spending on AI, and what pain points are devs most likely to encounter when leveraging AI to develop their own web apps.News:Paige - OpenAI Codex CLI and GPT-4.1 modelsJack - State of AI Web Dev 2025TJ - Next.js 15.3Bonus News:OpenAI is in talks to acquire Windsurf for $3B“Slopsquatting”AI agents for everyone (Firebase Studio), (Arduino AI Assistant)Fire Starter:Declarative Web PushWhat Makes Us Happy this Week:Paige - Solo Leveling anime seriesJack - Knuckles TV mini series TJ - NY Times FlashbackThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or talk to us on X, Bluesky, or YouTube.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.comSubscribe to our YouTube channel @Front-EndFirePodcast

PodRocket - A web development podcast from LogRocket
Moving to ESM from CJS with Anthony Fu

PodRocket - A web development podcast from LogRocket

Play Episode Listen Later Mar 20, 2025 25:10


Anthony Fu, Framework Developer at Nuxt Labs, discusses the shift to ESM-only formats in JavaScript development. He covers the controversy surrounding ESM, the advantages of moving from CJS to ESM, and what this transition means for the future of web development. Tune in to learn why now is the ideal time for this change, and how it benefits developers! Links https://antfu.me https://bsky.app/profile/antfu.me https://github.com/antfu https://x.com/antfu7 https://www.linkedin.com/in/antfu https://antfu.me/posts/move-on-to-esm-only We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Anthony Fu.

Programming By Stealth
PBS 176 of X — Deploying a JavaScript Web App with Webpack & GitHub Actions

Programming By Stealth

Play Episode Listen Later Feb 16, 2025 73:06


Way back in September of 2022, Bart finished off the Webpack miniseries by leaving it as an exercise for the student to deploy their web apps to GitHub Pages. Bart closes that circle in this installment while teaching us how to use GitHub Actions. We learn about workflows, jobs, steps, events, and runners. Bart includes great tables in the shownotes of the terminology, so we now have a handy reference guide for making our own YAML files to run GitHub actions. You can find Bart's fabulous tutorial shownotes at pbs.bartificer.net. Read an unedited, auto-generated transcript with chapter marks: PBS_2025_02_15 Join our Slack at podfeet.com/slack and check out the Programming By Stealth channel under #pbs. Support Bart by going to lets-talk.ie and pushing one of the big blue support buttons. Referral Links: Parallels Toolbox - 3 months free for you and me Learn through MacSparky Field Guides - 15% off for you and me Backblaze - One free month for me and you Eufy - $40 for me if you spend $200. Sadly nothing in it for you. PIA VPN - One month added to Paid Accounts for both of us CleanShot X - Earns me $25%, sorry nothing in it for you but my gratitude

The React Native Show Podcast
Mobile Microfrontends With Zephyr Cloud and Re.Pack | React Universe On Air #47

The React Native Show Podcast

Play Episode Listen Later Jan 29, 2025 51:00


Picture this: your teams are innovating independently, deploying updates swiftly, and navigating complex app architectures with ease. Microfrontends make this possible, much like microservices revolutionized backend development. But what about mobile? How can this approach transform your app development strategy? To explore these questions, we're joined by Zack Chapple (https://x.com/Zackary_Chapple ), Co-founder and CEO of Zephyr Cloud, and Jakub Romańczyk (https://x.com/_jbroma ), maintainer of Re.Pack at Callstack. They dive into the evolution of microfrontends, starting with the fundamentals: what they are, why they matter, and how technologies like Module Federation enable them. Zack shares insights on tools like Webpack, Rspack, and Zephyr Cloud, showing how they streamline managing complex frontends. The episode then shifts focus to mobile, where Zack and Jakub break down the Zephyr Cloud and Re.Pack collaboration. Learn how to tackle platform-specific challenges like managing version compatibility, over-the-air updates, and reducing bundle sizes—all while staying app store compliant. Plus, hear about real-world scenarios, like dynamically loading features or ejecting unused code to optimize performance, and get a sneak peek at Re.Pack 5. Check out episode resources on our website

PodRocket - A web development podcast from LogRocket
void(0) with Evan You [Repeat]

PodRocket - A web development podcast from LogRocket

Play Episode Listen Later Dec 26, 2024 46:48


In this holiday repeat episode, Evan You, creator of Vue and Vite, discusses his new venture, void(0). He discusses the motivations behind founding void(0), the inefficiencies in JavaScript tooling, and the future of unified tooling stacks. Links https://evanyou.me https://x.com/youyuxi https://github.com/yyx990803 https://sg.linkedin.com/in/evanyou https://voidzero.dev We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Evan You.

Syntax - Tasty Web Development Treats
856: Loading UIs, Rust Webpack, New Cookie Types, Conference Talks + More

Syntax - Tasty Web Development Treats

Play Episode Listen Later Dec 4, 2024 56:01


Scott and Wes dive into your questions on Hono and SvelteKit, partitioned cookies, redirect codes, and using Rspack instead of Vite. Plus, they share insights on quoting projects, interview best practices, and whether you should slow down those speedy loading spinners. Show Notes 00:00 Welcome to Syntax! 00:50 Brought to you by Sentry.io. 02:23 Apple developer accounts and certificates. 06:58 Hono, SvelteKit, and using them together. 11:14 Rspack & Rsbuild over Vite? Rspack, Rsbuild. Rolldown, Rollup. oxc. Turborepo. 21:01 Quoting projects without seeing under the hood. 25:26 HTTP cookies, partitioned cookies, and chips. Partitioned Cookies. 30:29 Redirect codes; 301, 302, 303, 307 418 I'm a teapot. 36:22 Gaining inspiration for talks and posts. 40:02 My loading state is too fast! Should I use setTimeout? setTimeout Docs. 42:29 Interviews and landing the job. 49:50 Sick Picks & Shameless Plugs. Sick Picks Scott: Stainless Steel Cookware. Wes: Dim Lightbulbs, steelpan.guy on TikTok. Shameless Plugs Scott: Potluck Submissions. Wes: Syntax on YouTube. 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

PodRocket - A web development podcast from LogRocket

Evan You, creator of Vue and Vite, discusses his new venture, voidI0). He discusses the motivations behind founding void(0), the inefficiencies in JavaScript tooling, and the future of unified tooling stacks. Links https://evanyou.me https://x.com/youyuxi https://github.com/yyx990803 https://sg.linkedin.com/in/evanyou https://voidzero.dev We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Evan You.

Kodsnack in English
Kodsnack 607 - Emberisms, with Balint Erdi

Kodsnack in English

Play Episode Listen Later Oct 22, 2024 55:20


Fredrik talks to Balint Erdi about the web framework Ember. Where did Ember come from, what stands out about it today, how do new features get into the framework, and how is development being made more sustainable? Plus: Balint’s experiences organizing Emberfest, and quite a bit of appreciation for the Ruby and Ember communities in general. The episode is sponsored by Cursed code - a half-day conference with a halloween mood taking place on October 31st, in central Gothenburg. Thank you Cloudnet for sponsoring our VPS! Comments, questions or tips? We a re @kodsnack, @tobiashieta, @oferlund and @bjoreman on Twitter, have a page on Facebook and can be emailed at info@kodsnack.se if you want to write longer. We read everything we receive. If you enjoy Kodsnack we would love a review in iTunes! You can also support the podcast by buying us a coffee (or two!) through Ko-fi. Links Balint JSP - Java server pages ZODB - Python object database Ruby Ruby on rails Convention over configuration ORM Active record Ember Angular Yehuda Katz Emberfest Balint’s (first!) book - Rock & roll with Ember.js Ember data Support us on Ko-fi! Classes in Javascript Internet explorer 6 Handlebars Glimmer Controllers in Ember Ember addons Ember RFC:s Codemods React native Tree shaking Webpack Embroider Vite Cursed code - sponsor of the episode Poppels cursedcode.se - to read more and buy tickets The Embroider initiative The Ember initiative Ember CLI Ember core teams Emberconf devjournal.balinterdi.com Ember community links Ember guides Ember checkup - Balint’s productized consulting service Titles These two decades I’m a web guy Just one thing It’a always useful Rails carried me over Ember was in flux Javascript didn’t have classes Emberisms Nowadays I like explicitness more Everything needs to be imported A change they would like to see in the framework (The) Emberfesting Fellow emberino We don’t do drama

Syntax - Tasty Web Development Treats
832: Potluck: When to Use a Framework × Goodbye Webpack × Custom Events in React + More!

Syntax - Tasty Web Development Treats

Play Episode Listen Later Oct 9, 2024 62:34


Scott and Wes answer your burning questions! They cover everything from moving off create-react-app and the benefits of Next.js, to transitioning from junior to senior dev, working with QA teams, and even dive into game development with Godot. Show Notes 00:00 Welcome to Syntax! 00:31 DenverScript. 03:14 Brought to you by Sentry.io. 03:54 Question 1: Moving off create-react-app. Proposal: TC39 Import Attributes. HTML iframe srcdoc Attribute. 09:10 Question 2: Working together with QA teams. 13:46 Question 3: Benefits of React with Next.js Framework. Svelte Turnstile. Next.js Pages Router vs Next.js App Router. 17:38 Question 4: What are your real names? 19:22 Question 5: Thoughts on RTO and WFH. 27:50 Question 6: Where can I find you Sick Picks? Sick Picks. Sick Picks Scraper. 29:34 Question 7: From JR developer to SR developer. 31:41 Question 8: Godot and game development. Godot Engine. GDScript. Phind. 39:37 Question 9: Inherent advantage between Callbacks and Events. 44:44 Question 10: Transitioning to freelance with corporate experience. 49:44 Question 11: Dealing with negative feedback. 57:05 Sick Picks & Shameless Plugs. Sick Picks Scott: audiobookshelf, Plappa App. Wes: New Syntax Swag. Shameless Plugs Scott: Syntax on YouTube. 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

Modern Web
Modern Web Podcast S12E16- Tim Neutkens, Co-Author of Next.js on the State of Next

Modern Web

Play Episode Listen Later Aug 7, 2024 45:21


Tim Neutkens, Co-author and Tech Lead for Next.js, discusses how open source maintainers are simplifying the web, and covers the challenges faced with the current Next.js setup. Tim  talks about TurboPack, a solution that optimizes bundling, improves parallelism, caching, and module graph calculations. He also talks about TurboAC, which focuses on addressing performance and compatibility issues, providing seamless transitions for Next.js users. Tim highlights the importance of efficient bundling processes to avoid excessive recompilation and discusses the updates in Next.js versions to enhance caching, rendering behavior, and client-side caching. Tim also discusses some exciting upcoming features in Next.js 15.  Socials Twitter: @timneutkens GitHub: timneutkens Bluesky: timneutkens.bsky.social Website: https://timn.tech/ Links Vercel on Twitter, LinkedIn, Facebook, Instagram, YouTube, GitHub and Vercel's website Next.js on Twitter, GitHub, LinkedIn, YouTube, Instagram, Facebook, official Next.js website Turbopack on Twitter, GitHub, YouTube, LinkedIn, Instagram, Official Turbopack Docs Webpack on GitHub, Twittvser, YouTube, and Official Webpack Website Show Notes [00:00:02] Next.js and the upcoming release of TurboPack. [00:04:27] JavaScript bundlers evolving to handle growth. [00:07:58] TurboPack solves Webpack limitations efficiently. [00:12:12] Bundler compatibility for optimal app performance. [00:16:50] Client components separated in webpack instance. Turbo pack for better parallelism and stability. Industry moving towards server-side. Feed and rollup still relevant. Collaboration between tools for future. [00:20:57] Replacing part with roll down, similar to Webpack. Overlapping ecosystem with Avonetic Conference. Limits with unbundling and loading on demand. Cycle of building frameworks and hitting limits. History of using Webpack for client-side code. Two compiler architecture for server and client. Coordination between server and client with Webpack. [00:25:38] Server action imports, turbo pack improves performance. [00:30:04] Next.js is popular for websites. [00:34:18] Chipotle using Next in Vercel, exciting improvements. [00:38:51] Next.js 15 release candidate with changes. Sponsored by Wix Studio.

PodRocket - A web development podcast from LogRocket
The State of JavaScript with Sacha Greif

PodRocket - A web development podcast from LogRocket

Play Episode Listen Later Jul 17, 2024 38:38


On this episode, Sacha Greif, designer, developer, and entrepreneur, talks about the state of JavaScript in 2023 survey results. We discuss trends in the JavaScript ecosystem and the future of popular frameworks and tools. Learn about the challenges and innovations shaping the world of JavaScript today. Links https://stateofjs.com https://sachagreif.com https://github.com/sachag http://twitter.com/sachagreif https://jp.linkedin.com/in/sacha-greif We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Sacha Greif.

Front-End Fire
News: Figma's Code Connect, Next.js 14.2, and New APIs in Chrome 124

Front-End Fire

Play Episode Listen Later Apr 22, 2024 37:17


The episode starts off with news about Figma's new Code Connect feature. Code Connect is the bridge between a design system's component code and Figma, so when viewing components in Figma's Dev Mode, they'll have the same real world code that the design system relies on, and Code Connect can also map properties from code to Figma, enabling dynamic and correct snippets. The catch? This sweet new feature is only available to users who are on Figma's Organization and Enterprise plans.We continue the news with the release of Next.js 14.2, which has moved Next's Turbopack (the speedier successor to Webpack) into the release candidate stage with 99.8% of integration tests passing, and all Next.js examples working with it. Other improvements include tree-shaking, optimized CSS, better caching, and improved readability of error messages and stack traces in local development.The Google Chrome team is back with new updates packed into Chrome v124. There's two new APIs for handling HTML when a declarative shadow DOM is included in the(primarily used for encapsulation and component-based development). A new websocket stream API designed to make it easier for web sockets to handle a large volume of incoming messages without getting overwhelmed. And the view transitions API gets two new helper functions as well: view transition momentum and document render blocking. After its breakout year last year, the view transitions API seems to have some unstoppable forward momentum.And to wrap it up, we have another newcomer to the JavaScript package management games: VLT. There's not a lot to share about VLT so far (there's a waitlist sign up now for early access), but it's helmed by some folks who played key roles in the creation of npm, Node.js and the GitHub CLI, and backed by some very big names in the JS world. It's early days yet, but we'll keep you posted as more details around VLT emerge. News:Paige - Chrome 124 updatesJack - Figma releases Code ConnectTJ -  Next.js 14.2Bonus News:VLT enters the JS package management frayWhat Makes Us Happy this Week:Paige - Hamilton Beach crock potJack - Civil War movie and Fallout TV seriesTJ - Spring weather and Blues StarnoteThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire.Blue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fire

Frontend First
Beyond Data Fetching with RSCs

Frontend First

Play Episode Listen Later Mar 13, 2024 69:50


Sam talks to Ryan about refactoring an MDX blog post to a React Server Component. They discuss how RSC's ability to render server-side content with “client-side holes” turns out to replace MDX for many uses cases. They also talk about other tools that are (surprisingly) a conceptual subset of the RSC architecture, such as custom Webpack loaders.Topics include:0:00 - Intro5:05 - The Next.js happy path for MDX: Local files11:15 - Exploring remote MDX content with mdx-remote14:46 - Separating the serializable parts of MDX from the runtime imports17:13 - Realizing that RSC covers the same problem space, and ditching MDX26:50 - Exploring other APIs and plugin ecosystems that RSC could replace: Webpack loaders, next/image, and Liquid templates32:11 - React's vision for RSCs35:18 - How RSCs could replace build-time plugin APIs44:51 - Replacing MDX with Markdoc, Shiki, and custom node code during renderLinks:MarkdocShiki

PodRocket - A web development podcast from LogRocket
Webpack to Turbopack with Tobias Koppers

PodRocket - A web development podcast from LogRocket

Play Episode Listen Later Jan 3, 2024 35:25


We talked with Webpack and Turbopack creator, Tobias Koppers, about the history of Webpack, the evolution of Turbopack, and more! Links https://twitter.com/wsokra https://github.com/sokra https://medium.com/@sokra https://webpack.js.org https://turbo.build/pack We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Tobias Koppers.

Whiskey Web and Whatnot
Hot Takes, Web Technologies, and Learning to Code with Ken Wheeler

Whiskey Web and Whatnot

Play Episode Listen Later Dec 28, 2023 76:37


Ken Wheeler is a software engineer with well over a decade of experience. He shares stories about his journey into tech, his life, and his hobbies. Ken fell in love with coding as a kid, building his skills from QBasic to PHP and HTML. He recounts his transition from being a rap producer for a decade to stumbling upon a job listing for a web developer using Flash. After twisting the truth to get through the interview, he spent five years building local restaurant websites with Flash animations. Ken dives into some unfiltered hot takes from TypeScript to CSS and the ongoing debate of sidebar placement in VS Code. He shares his love for inferred types over explicit types, arguing in favor of TypeScript's Hindley-Milner type system. In this episode, Ken talks to Robbie and Chuck about his thoughts on types, Tailwind and VS Code, his coding journey from QBasic to HTML as a kid, and his technique for landing his first job. Key Takeaways [00:48] - Introduction to Ken Wheeler. [01:56] - A whiskey review: Basil Hayden Straight Bourbon Whiskey. [19:03] - Tech hot takes. [40:57] - Ken discusses his New Jersey roots and how he entered the tech field. [49:51] - Chuck, Robbie, and Ken talk about cars. [59:00] - Chuck's plans to move to Italy. [01:04:41] - Chuck, Robbie, and Ken discuss burgers and sandwiches. Quotes [19:20] - “Typescript is good. It's better than Javascript.” ~ Ken Wheeler [34:50] - “A senior at dickhead.com is not the same as a senior at Google.com.” ~ Ken Wheeler [37:48] - “Webpack actually isn't that hard, believe it or not, if you just dig into it.” ~ Ken Wheeler Links Ken Wheeler LinkedIn Ken Wheeler Twitter OpenAI Twitter Formidable Basil Hayden Straight Bourbon Whiskey Sagamore Spirit Rye Whiskey Buffalo Trace Distillery Pappy Van Winkle Maker's Mark Coors Light Topgolf Crocs Timberland The Ritz-Carlton DoorDash Taco Bell Tabasco Cholula Tailwind CSS Vanilla CSS NPM Shepherd JS YAML Serverless UI Syntax.FM Beflo Joe Rogan Podcast All-In Podcast Darknet Diaries Google Amazon Webpack ChatGPT Vite NextJS Airbnb Ruby on Rails Django National Geographic Juul Marlboro Oracle Salesforce jQuery Versace The North Face Red Wing Shoes Thursday Boot Company Porsche Jeep Volvo Solo Stove Flex Seal Inter Milan Five Guys Jersey Mike's USA In-N-Out Shake Shack First We Feast Arby's Burger King McDonald's React Miami The Primeagen Chick-fil-A Connect with our hosts Robbie Wagner Chuck Carpenter Ship Shape Subscribe and stay in touch Apple Podcasts Spotify Google Podcasts Whiskey Web and Whatnot Promos Top-Tier, Full-Stack Software Consultants This show is brought to you by Ship Shape. Ship Shape's software consultants solve complex software and app development problems with top-tier coding expertise, superior service, and speed. In a sea of choices, our senior-level development crew rises above the rest by delivering the best solutions for fintech, cybersecurity, and other fast-growing industries. Check us out at shipshape.io. --- Send in a voice message: https://podcasters.spotify.com/pod/show/whiskey-web-and-whatnot/message

Whiskey Web and Whatnot
Cracking the Podcasting Code with Andrew Lisowski and Justin Bennett

Whiskey Web and Whatnot

Play Episode Listen Later Nov 30, 2023 64:52


Podcasts are a popular way to share knowledge, stories, and ideas in the tech space and the medium continues to evolve rapidly. But what does it truly take to create a successful podcast that captivates an audience? Andrew Lisowski, Senior Software Engineer at Descript, and Justin Bennett, Engineer at Oxide, are seasoned podcasters and hosts of the Devtools FM podcast where they talk to industry leaders about developer tools. They shared insights on the evolving landscape of podcasting, highlighting the importance of having a sustainable workflow and maintaining consistency. Andrew and Justin believe a major key to podcasting is understanding your audience, their preferences, and how to keep them engaged. Throughout the episode, the conversation covers an array of topics, including the influence of developer tools, the resurgence of HTML-first web development, and the role of WebAssembly (Wasm) in shaping the future of the web. In this episode, Andrew and Justin talk to Robbie and Chuck about developer tools, the future of tech, and the world of podcasting in the tech space. Key Takeaways [00:55] - Introduction to Andrew and Justin. [03:17] - A whiskey review: Great Jones Straight Bourbon Whiskey. [14:13] - Tech hot takes. [37:57] - Andrew and Justin give tips and tricks for podcasting. [47:45] - Careers that Andrew and Justin would choose if they weren't in tech. [48:58] - Andrew and Justin take over Whiskey Web and Whatnot. Quotes [20:32] - “I don't actually think Git is good. It is a utility, and it is good enough for most cases.” ~ Justin Bennett [33:22] - “If there is a future for Webpack, it's Rspack.” ~ Andrew Lisowski [36:46] - “The best frameworks, in my opinion, learn from what other folks are doing.” ~ Justin Bennett Links Andrew Lisowski Twitter Andrew Lisowski LinkedIn Justin Bennett Twitter Devtools FM Podcast Bun NPM Jarred Sumner Anthony Fu Unison Great Jones Straight Bourbon Whiskey Buffalo Trace Distillery Maker's Mark Kentucky Straight Bourbon Rust GitHub Mercurial Perforce Tailwind CSS Vanilla CSS React Million JS Aiden Bai Lululemon JSON Webpack ByteDance Rspack Node JS Deno Vue Svelte Sentry Descript The Primeagen ART19 Twitter Nuxt Apple WordPress Django Google Connect with our hosts Robbie Wagner Chuck Carpenter Ship Shape Subscribe and stay in touch Apple Podcasts Spotify Google Podcasts Whiskey Web and Whatnot Promos Top-Tier, Full-Stack Software Consultants This show is brought to you by Ship Shape. Ship Shape's software consultants solve complex software and app development problems with top-tier coding expertise, superior service, and speed. In a sea of choices, our senior-level development crew rises above the rest by delivering the best solutions for fintech, cybersecurity, and other fast-growing industries. Check us out at shipshape.io. --- Send in a voice message: https://podcasters.spotify.com/pod/show/whiskey-web-and-whatnot/message

Zemach FM
Bun1.0 Unveiled

Zemach FM

Play Episode Listen Later Oct 19, 2023 24:19


On the latest Episode of Zemach FM we take a look at Bun1.0 and Bun runtime as a whole. We will go through new features, the difference it have with Node.JS, and much more. Episode timeline 02:00 Episode introduction 03:10 What is Bun 05:40 Can it replace NodeJS 06:00 Environment variables 07:00 Using typescript with Bun 08:12 Performance compared to other JavaScript tools 09:00 OS support 10:00 How it got started 13:10 Plug-ins in Bun 16:00 Testing in Bun 18:10 Future improvements 19:00 Webpack configuration 22:30 Wrapping up the episode Contact the hosts Henok Tsegaye Twitter Instagram LinkedIn Abdulhamid Oumer Twitter Instagram linkedIn

viewSource
Reflecting on WordPress: the recent updates, the near future, and other things

viewSource

Play Episode Listen Later Jun 12, 2023 36:14


The Season 1 finale of viewSource is a draft style episode where we reflect on our favourite WordPress conversations over the last 20 episodes, chat about what's coming next for both WordPress, viewSource, and both Aurooba and Brian. A fairly chatty episode where we touch on topics like Brian's hatred of JSX, Aurooba's recent struggles with Webpack, and booking flights for WordCamp US 2023. Listen in for a conversations with many twists and turns, hints about a secret project, and what you can expect from Season 2.A full transcript of the episode is available on the website. Watch the video podcast on [YouTube](https://www.youtube.com/watch?v=Yjdv3W2a42A) and subscribe to our channel and [newsletter](https://viewsource.fm/subscribe) to hear about episodes (and more) first!- Digging into ACF for the Block Editor – https://www.youtube.com/watch?v=NowGadjZHR4- Exploring different kinds of Gutenberg Blocks – https://www.youtube.com/watch?v=Ti7emRBeNSo- The episode where Brian schooled Aurooba on Bootstrap – https://www.youtube.com/watch?v=OfuDUQ-MPPo- Wishlist for modern WordPress – https://www.youtube.com/watch?v=aqLZedTj_FE- MRW's Events Calendar Reset – https://mrwweb.com/the-events-calendar-reset-on-github/- Just in time learning – https://www.briancoords.com/just-in-case-vs-just-in-time-learning/- Brian's website – https://www.briancoords.com- Aurooba's website – https://aurooba.com (00:00) - Introduction (00:43) - Introducting the viewSource Draft (02:33) - Favourite WordPress conversation of the season (09:40) - Favourite side effect of doing season one (13:40) - Something cool we learned in the lasts 6 months (14:10) - Brian digs into React (17:01) - Dealing with change in the WordPress community (17:55) - Aurooba's relationship with build tools (21:48) - The concept of "just in time" learning (23:09) - Being a beginner at something (24:59) - Looking towards Season Two (26:21) - WordPress is turning a corner (27:57) - When will Season Two launch? (29:03) - Aurooba's next course: React in WordPress (30:33) - viewSource at WordCamp US (33:22) - A secret project releasing soon

Giant Robots Smashing Into Other Giant Robots
476: OpenSauced with Brian Douglas

Giant Robots Smashing Into Other Giant Robots

Play Episode Listen Later May 25, 2023 41:23


Brian Douglas is the CEO of OpenSauced which helps enterprises discover the best engineers in Open Source. Victoria and Will talk to Brian about meeting as many developers as possible, setting goals, and keeping himself accountable, and what makes a successful open source project. OpenSauced (https://opensauced.pizza/) Follow OpenSauced on Twitter (https://twitter.com/saucedopen), GitHub (https://github.com/open-sauced), Instagram (https://www.instagram.com/opensauced/), YouTube (https://www.youtube.com/opensauced), Discord (https://discord.com/invite/U2peSNf23P), and Dev.to (https://dev.to/opensauced). Follow Brian Douglas on LinkedIn (https://www.linkedin.com/in/brianldouglas/), Twitter (https://twitter.com/bdougieYO), or visit his website (https://b.dougie.dev/). Follow thoughtbot on Twitter (https://twitter.com/thoughtbot) or LinkedIn (https://www.linkedin.com/company/150727/). Become a Sponsor (https://thoughtbot.com/sponsorship) of Giant Robots! Transcript: VICTORIA: Hey there. It's your host Victoria. And I'm here today with Dawn Delatte and Jordyn Bonds from our Ignite team. We are thrilled to announce the summer 2023 session of our new incubator program. If you have a business idea that involves a web or mobile app, we encourage you to apply for our 8-week program. We'll help you validate the market opportunity, experiment with messaging and product ideas, and move forward with confidence towards an MVP. Learn more and apply at tbot.io/incubator. Dawn and Jordyn, thank you for joining and sharing the news with me today. JORDYN: Thanks for having us. DAWN: Yeah, glad to be here. VICTORIA: So, tell me a little bit more about the incubator program. This will be your second session, right? JORDYN: Indeed. We are just now wrapping up the first session. We had a really great 8 weeks, and we're excited to do it again. VICTORIA: Wonderful. And I think we're going to have the person from your program on a Giant Robots episode soon. JORDYN: Wonderful. VICTORIA: Maybe you can give us a little preview. What were some of your main takeaways from this first round? JORDYN: You know, as ever with early-stage work, it's about identifying your best early adopter market and user persona, and then learning as much as you possibly can about them to inform a roadmap to a product. VICTORIA: What made you decide to start this incubator program this year with thoughtbot? DAWN: We had been doing work with early-stage products and founders, as well as some innovation leads or research and development leads in existing organizations. We had been applying a lot of these processes, like the customer discovery process, Product Design Sprint process to validate new product ideas. And we've been doing that for a really long time. And we've also been noodling on this idea of exploring how we might offer value even sooner to clients that are maybe pre-software product idea. Like many of the initiatives at thoughtbot, it was a little bit experimental for us. We decided to sort of dig into better understanding that market, and seeing how the expertise that we had could be applied in the earlier stage. It's also been a great opportunity for our team to learn and grow. We had Jordyn join our team as Director of Product Strategy. Their experience with having worked at startups and being an early-stage startup founder has been so wonderful for our team to engage with and learn from. And we've been able to offer that value to clients as well. VICTORIA: I love that. So it's for people who have identified a problem, and they think they can come up with a software solution. But they're not quite at the point of being ready to actually build something yet. Is that right? DAWN: Yeah. We've always championed the idea of doing your due diligence around validating the right thing to build. And so that's been a part of the process at thoughtbot for a really long time. But it's always been sort of in the context of building your MVP. So this is going slightly earlier with that idea and saying, what's the next right step for this business? It's really about understanding if there is a market and product opportunity, and then moving into exploring what that opportunity looks like. And then validating that and doing that through user research, and talking to customers, and applying early product and business strategy thinking to the process. VICTORIA: Great. So that probably sets you up for really building the right thing, keeping your overall investment costs lower because you're not wasting time building the wrong thing. And setting you up for that due diligence when you go to investors to say, here's how well I vetted out my idea. Here's the rigor that I applied to building the MVP. JORDYN: Exactly. It's not just about convincing external stakeholders, so that's a key part. You know, maybe it's investors, maybe it's new team members you're looking to hire after the program. It could be anyone. But it's also about convincing yourself. Really, walking down the path of pursuing a startup is not a small undertaking. And we just want to make sure folks are starting with their best foot forward. You know, like Dawn said, let's build the right thing. Let's figure out what that thing is, and then we can think about how to build it right. That's a little quote from a book I really enjoy, by the way. I cannot take credit for that. [laughs] There's this really great book about early-stage validation called The Right It by Alberto Savoia. He was an engineer at Google, started a couple of startups himself, failed in some ways, failed to validate a market opportunity before marching off into building something. And the pain of that caused him to write this book about how to quickly and cheaply validate some market opportunity, market assumptions you might have when you're first starting out. The way he frames that is let's figure out if it's the right it before we build it right. And I just love that book, and I love that framing. You know, if you don't have a market for what you're building, or if they don't understand that they have the pain point you're solving for, it doesn't matter what you build. You got to do that first. And that's really what the focus of this incubator program is. It's that phase of work. Is there a there there? Is there something worth the hard, arduous path of building some software? Is there something there worth walking that path for before you start walking it? VICTORIA: Right. I love that. Well, thank you both so much for coming on and sharing a little bit more about the program. I'm super excited to see what comes out of the first round, and then who gets selected for the second round. So I'm happy to help promote. Any other final takeaways for our listeners today? DAWN: If this sounds intriguing to you, maybe you're at the stage where you're thinking about this process, I definitely encourage people to follow along. We're trying to share as much as we can about this process and this journey for us and our founders. So you can follow along on our blog, on LinkedIn. We're doing a LinkedIn live weekly with the founder in the program. We'll continue to do that with the next founders. And we're really trying to build a community and extend the community, you know, that thoughtbot has built with early-stage founders, so please join us. We'd love to have you. VICTORIA: Wonderful. That's amazing. Thank you both so much. INTRO MUSIC: VICTORIA: This is the Giant Robots Smashing Into Other Giant Robots podcast, where we explore the design, development, and business of great products. I'm your host, Victoria Guido. WILL: And I'm your host, Will WILL. And with us today is Brian Douglas, CEO of OpenSauced, helping enterprises discover best engineers in open source. Brian, thank you for joining us today. BRIAN: My pleasure. Thanks for inviting me on the podcast. VICTORIA: Just tell us a little bit more about OpenSauced. BRIAN: Yeah, it's opensauced.pizza is the URL. So I always point that out because it's easy to found. WILL: I love it. BRIAN: And OpenSauced is a platform for engineers to find their next contributions and enterprises to discover the best engineers doing open-source, so... VICTORIA: Right. So maybe tell me what led you to start this company? BRIAN: Yeah, that's a great question. Actually, if you don't mind, I'll start further back. I graduated college in 2008 during the financial crisis with a finance degree. And what I learned pretty quickly is, like, if you don't know anybody in finance, it's a little hard to get a job in a bad market. So I took a sales role instead, mainly because I just wanted to learn. I was very much introverted. I wanted to learn how to talk to people, and have conversation, and communicate. So I did that four years and then got my MBA. And then started learning how to code while building an app, which is...I mentioned before we hit record I learned about this podcast around that time, which is, like, very serendipitous to be on this podcast years later. But, fast forward, OpenSauced, like, because of the whole networking aspect of how I got my job in sales and how I was able to do sales when I learned how to engineer, I knew the connection to open source, or how I learned how to code was, like, a wealth of information. So I made it my career goal to meet as many developers as possible. And then, I was working at this company called Netlify. I was employee number three there. And my role was to basically be a front-end engineer, but where I was actually getting more adoption to the product by doing open source. Like, every time I'd do an open-source contribution, I'd add a Netlify deploy preview manually in my PR. And that would give the maintainer enough juice to review the PR sooner. And I was doing a lot of open-source contribution at the time. So I wanted to build a tool to maintain, like, all the PRs I had opened in-flight that I needed to respond back to or...because back in, like, 2016, notifications on GitHub they weren't the greatest. WILL: [laughs] BRIAN: So I built a tool just to keep up to date on what I had opened and how I can communicate back with the maintainer. And saw a need...actually, I didn't see the need. I used this thing myself, and then in 2020, I started live streaming myself, building more features on top of this, like, CRM tool, and had a few people ask, "Hey, can you add a login to this? I'd love to use this, too, with my own database and stuff like that." So I did that. I added login. And I say database, like, we actually originally started with no database. We used GitHub Issues as a tracking mechanism for tracking repos and conversations. We've since moved away from that because, now, obviously, GitHub's got way more advanced in how notifications work. But the sort of ethos of the project still lives today, and what we have in the open-source platform. So that's, like, the long tale of how we got to where we are today. And then, I spoke at GitHub Universe on OpenSauced back in 2017. And from that talk, I had GitHub employees reach out to me and ask me to work at GitHub. So I accepted, and I worked at GitHub for almost five years, sort of putting OpenSauced to the side up until last year, decided to go ahead and pursue it again. And at that point, decided to make it a company. VICTORIA: What a cool story. There are so many things in there that I want to follow up on. I'm sure, Will, you also are like -- [laughs] WILL: [laughs] Yes. VICTORIA: I have so many questions. [laughs] WILL: Wow, that's amazing just hearing the story from you [laughs] got a four-year degree in finance, 2008 happened, no job, very hard to get a job because of who you know. And then you go and changed directions to start learning to code. And I love how it's kind of guided your path to where you are here right now. Like, who knows? But would you have been the CEO of OpenSauced if 2008 would have never happened? So it's amazing to see it. So, I guess, because I love the idea of OpenSauced...because I am that developer that wants to get into open source, but it is hard. It is hard to find the issues that you can work on. It's hard to get into the community to do that. So, if you can just explain to me a little bit more as from there, and we can do it from the enterprise portion later. But, as far as a user: a developer, what does it look like for me to use OpenSauced as a developer? BRIAN: Yeah, yeah. And that's a great question, too, as well. It's funny how serendipitous the story is today, but when I was living it, it was like, oh, man, I'm never going to get a job. [laughter] Or I'm never going to learn how to code. And I think anybody listening who might be where I was ten years ago, I just want to preface, like, your story is like a guided path through experiences. And every experience is like an opportunity for that sort of one piece of, like, the sort of stepping stone to move on to, like, CEO of whatever your next startup is or senior engineer, or staff engineer, whatever it is. But, to answer your question, Will, we built a Discord, and the Discord itself is how we sort of discovered this sort of onboard ramp into open source. So today, if you sign up to OpenSauced, again, opensauced.pizza, you connect to your GitHub account, and you get on-boarded into a flow to ask a couple questions. So, like, what languages are you interested in? And then, what time zone are you in? And the reason for those two things is, one because we're going to do recommendations for projects pretty soon. Everything is open source, so you can literally see the issues that are open about recommendations; happy to take contributions and feedback on it. And then time zone is because communication is pretty key. So, like, if someone is not awake when I see their PR, I have an expectation of, like, cool, I'll write a response, and I'll wait for them to wake up and respond back to that. So the goal there is there's a lot of projects on GitHub, like, 372 million repos is the number off the top of my head. They literally announce this stuff, and they share the data. But of those repos, only 225,000 have more than five contributors. Understanding what you're looking to accomplish first out of doing open source to either share knowledge, or gain knowledge, to get exposure, to get a job, or just to enhance your current job by go try something that's not in the roadmap of what you're working on. Eventually, we'll start asking those questions around, like, what type of contributor that you want to be, so we can start recommending those types of projects. But I mentioned that 225,000 repo number because there are a lot of projects that don't have five contributors that could use their second contributor, or third, fourth. And my recommendation is always find up-and-coming, like, growth-stage projects. A lot of people want to contribute to React. You had mentioned you did React, Will. That's a really big lift to go contribute upstream to a project maintained and supported by millions of enterprises around the world. But there are tons of projects that go trending every week that have no documentation, that have no README, that have no structure and are just getting off the ground. Like, those are the best projects that we try to showcase. So, like, that's hot.opensauced.pizza is our sort of up-and-coming project list. And the way that works is like projects that are trending based on our open-source community; we surface those there. There's a lot of work we have to do on that project. That was, like, a Hack Week project we did a couple of years ago as a community. But the basis of that is they're looking to build our recommendation engine off that. So, step one is find a project that is welcoming, that needs some work done, and then find the path in. So the path usually is going to be your CONTRIBUTING.md, which is like established projects will have this. But if you don't find a CONTRIBUTING.md, but you find a project you want to use, chances are you could build that CONTRIBUTING.md and ask the question, so, like, hey, how would I contribute? Like, how can I be supportive? Actually, I did this talk a couple of years ago at Juneteenth Conf. It was a remote conference on Juneteenth, which a bunch of Black Engineers we all gave our technical expertise sponsored by Microsoft. And I was talking about the idea of open-source hospitality. The best thing you could do is be that sort of hospitable person, either you're a maintainer or a first-time contributor. Like, be that person to set it up for the next person behind you. And the idea of hospitality, you go to a hotel. Like, you know where the towels are. Like, you know where the soaps are. Like, you know exactly where everything is all the time. And, in open source, like, if we could set up our projects in a very similar fashion, like, not franchise them in a way like the Hilton or Marriott, but set the expectation that there is a way to source information and to interact and operate, so... VICTORIA: Yeah, I mean, I love, [laughs] like, hot.opensauced.pizza. That's hilarious. And I love how you have used humor to...even though it's a very serious product, we're making it more friendly and more hospitable like you're saying. And I like how you said, you know, the journey is cool looking back on it, but it was really hard to go through it. And now you're this wonderful speaker and a CEO. But you said that you weren't actually good at talking to people at first. And you specifically sought to get better at that skill. So I wonder if you would share more about that, how that's impacted your career, and why that's important as a developer to have those communication skills. BRIAN: Yeah, it's like...I have a twin brother since birth, basically. And my twin brother is very extroverted. Like, he actually used to wait tables in college. It was like he was the person that would make you feel very special as a server. Like, he's the type of person that kind of lights up the room when you walk in. His name is Brock. My entire life growing up, I was always Brock's brother. And it's like, oh, you're Brock's brother. And it's like, yeah, I'm Brock's brother. And I'm more of a person, like, if you meet me in person, like, I'm very much reserved. I'm sort of reading the room, waiting for my point to jump in. And I made it a point for me to, like, have enough comfort to speak on a podcast or speak at a conference because I knew that skill set would be valuable. Because I definitely had, in my sales career, definitely got overlooked for a lot of opportunity because folks thought, oh, I don't think Brian could do it. So coming into tech and seeing that when every time I went to a meet up...because meetups also are places where I cut my teeth and got to learn about the industry and the community. They always needed someone to speak. So I was, like, oh, there's an opportunity. I can leverage this opportunity of them always looking for speakers and me always wanting to share knowledge and learn something new to do talks. So my first-ever conference talk was in San Francisco. And I had learned React Native, but prior to React Native, I had learned Objective-C. And then, in between Objective-C and React Native, I learned Swift because React Native and Swift came out the same year. Well, React Native went public, open source, the same year as Swift. So it was like a really interesting year back in; I think it was 2017 where...actually, it might have been 2016. But, anyway, everything came out at the same time. And I was learning iOS development. So I made it a point for me to give a talk. But my pet peeve for giving talks is, a lot of times, people just go directly into the code, and there's, like, no connection to a story, or why do I care about this? So I always bring storytelling into my conversations and talks. So, like, that talk about Swift, and Objective-C, and React Native, I made the comparison of, like...it was the same year that Kanye West took the mic from Taylor Swift at the VMAs or whatever the award show was. And the correlation was React Native took the mic away from Swift because it built similar interactions for JavaScript developers to understand and build iOS applications that was not like Ionic or RubyMine or...I forgot the Ruby one. But, anyway, what I'm getting at is, I just wanted to bring story to this because usually what happens is like, you see cool things, but you never remember what the name is. You try to find that REPL again, or you try to figure out who that speaker is. And it's usually hard to find it after the fact. So, like, my goal was always to make it memorable, which is why I go by Bdougie because Bdougie is easier to Google than Brian Douglas. Shout out to Brian Douglas, who's based in Ireland who does system engineering, and has a great YouTube channel. Like, I want to be memorable. And I want to make it easy for folks to find me after. So, while at GitHub, when I was developing all this sort of like Kanye West-type speaking and stuff like that, well, literally, I would use Kanye West years ago as the example to understand storytelling. I no longer use Kanye West. I'm now a Beyoncé advocate. [laughter] So I use Beyoncé instead. But I guess what I'm getting at is, like, I just had a goal. And I knew if I could teach myself to code...and it was about 17 weeks it took me from zero to ship a Ruby on Rails app. And I felt confident enough to talk about it. I knew basically anything I could just accomplish just by putting some effort and consistency behind it. So that's the...sorry, that was a little more long-winded than expected. But I just keep accountable and set goals for myself and try to achieve enough to feel proud about at the end of the year. WILL: Yeah. It's so funny because I recently had a similar situation. At thoughtbot, we try to engage with the community, and one of the ways was writing a blog post. I've never been a writer. It just hasn't been my thing. But I was telling my boss, I was like, I'm going to do that to get outside my comfort zone and to really stretch myself. And at the same time, I was like, why a blog post? Like, I don't know, it doesn't really make sense why a blog post. Well, when I started writing the blog post, I was like, oh, you have to really know, one, what you're talking about in order to write about it. And so I had to really do some research, really had to study it. And I finished it last week. And then, now, looking back over the last couple of months it took me to write that blog post, I'm like, wow, I feel stretched. But I feel really good, and I feel really good about the topic that I did. So that's interesting that you went through that process to stretch yourself and to grow and even learning to code and get to that point. So talking about...you were at Netlify, and then you worked at GitHub. And then you're at your current one OpenSauced. How have Netlify and GitHub, the work that you did there, how has it prepared you for your position right now? BRIAN: You know, actually, that's a great question. I don't know how much thought I put into that. Like, Netlify prepared me because it gave me an opportunity. So I was employee number three, but I had a sales background. And so I got to be an engineer, but they kept always trying to ask me like, you know, business questions and strategy. And, like, I pitched them a 30-60-90 in my interview of, like, what's the growth strategy of Netlify, like day zero when I start? And I go into way more detail in other content. But that prepared me because I got to see how startups work, being so early. I got to see that startup go from seed-funded, just closed their seed round to get their series B is when I left. At GitHub, I got to see what it looked like at a bigger company, which, like, it doesn't matter how big or small you are, like, there's always chaos. Like, GitHub was, like, so much chaos, and there was a lot of good that was happening but a lot of uncertainty at the time I joined in 2018. And then, nine months later, Microsoft acquired GitHub. So then I got to learn stability and what it looks like to...for personal reasons, I always had a budget but never had extra money, even years into my engineering career. And that taught me what it looks like when success meets career. With that being said, like, the problem that I'm solving, I got to learn firsthand while being at Netlify and getting adoption and traction through open source. And then going to GitHub and seeing every single other company that looked at GitHub as a solution to their open-source collaborations and interactions. And then also seeing that there was a hole in just understanding, like, how do you survive? How do you sustain yourself as your career but also your open-source project? Like, a lot of folks want to know, like, what success looks like for open source. Like, how do you get on the trending algorithm? Like, how do you get noticed? It's more than just pushing to GitHub and hoping for the best. There are, like, other things that happen for projects to be successful. And for us to choose the next in the future technologies, it really comes down to community, marketing, and then resources. And those three things end up making projects successful. With OpenSauced, we're working to help inflate some storytelling and add some of those resources to open-source projects. VICTORIA: Great. So you were able to really get, like, the full vision of what it could be if you had a product that became successful and stable, and you knew you wanted to build it on open source. So I love that you really just...you had this problem, and that's what you built the product around. And that ended up becoming the business. What was surprising for you in those early discovery phases with OpenSauced when you were first thinking of building it? BRIAN: I guess what's really surprising is we're not, like, crazy traction today. But we've done a pretty good job of getting, like, 2,000 developers to sign up to it since December. And then the conversations with enterprises so far just by the sheer...like, basically, what was surprising is if you use proper sales technique and you're early stage as a startup, so, like, not necessarily hire salespeople, but as a founder or as a stakeholder, just go talk to your future customers and your users. Everyone says it, but that's actually super valuable. And I think in the same vein of open source, folks they see projects die on the vine, but then you see projects succeed. And I think it also comes down to how often the maintainer of the project is talking to the contributors and the users and also that distinction as well. There are folks who want to contribute code to the codebase, but then there are folks who want to use the codebase. And, like, how do you interact between the two? And how do you cross the chasm for those folks as well? And, a lot of times, it's just fascinating just, like, just by trying, and just by showing up, that's half. It's all cliché stuff, like, I could say, but it's all true. Like, showing up is, like, it's, like, step one. Just show up, do the thing, do the work. And then talk to people is, like, step two. And it's hard to say, like, okay, yeah, because we are not a multibillion-dollar company, like, we're just getting started. So I can't say, like, yeah, we're super successful. But we've survived the year. And we've survived the year based on those two steps, the showing up and then talking to people. Because a lot of times, we could get lost in the sauce, per se, of just shipping code and never talking to anybody and never coming up for air. And I think what I learned, going back to what I learned from GitHub and Netlify, is talking to people and getting that feedback loop going is the best thing you could do for any product. Any early project, any feature you're working on, talk to people about it and see if it's actually valuable for somebody that after you ship it, something will happen. WILL: You're talking about communication is a big thing for a successful project. Have you noticed any other trends that make a successful open-source project? BRIAN: Yeah, that's...Any other trends? Yeah. I mean, AI, [laughs] just kidding. WILL: [laughs] BRIAN: No, I mean, but it also it is true, like, having a trend not sort of following the herd, but catching the herd earlier is extremely valuable. Like, at Netlify, we caught the trend of React. So, basically, Netlify built essentially GitHub Pages but a product and a company. And that was, like, the original project of Netlify. It's expanded so much further from that. But at that time, when I joined, I joined three months before Create React App was developed. So, like, it was a CLI tool to build React apps easy. And, prior to that, React was, like, super complicated to get up and running. Like, you had to know Webpack. You had to know, Babel. You had to make all that glue happen together. And then there wasn't an easy process to go host it somewhere. So the prevalence of build tools like Grunt, and Gulp, and Browserify, they all made it easier to build a static output from React. And that trend is what took Netlify to where it is today. It's like, people needed a place to deploy these static applications. GitHub Pages was like the solution for a lot of folks. Because Heroku, like, why pay $7 for something you could host on S3 for free? But the challenge was S3 it requires way more thought in how you host and take it down and deploy, and then it becomes like a Kubernetes nightmare. So the trend there was, like, people just wanted to have a better developer experience. When it comes to, like, open source, the developer experience in JavaScript has improved so much more. But folks are now looking at the next thing like a Zig, or a Rust, or all these other new languages and server renderings and stuff like that. So I guess when I take a step back, when I look at how I chose things I wanted to work on, and communities I wanted to hang out in...before committing to React...I'm based out here in Oakland, so San Francisco, basically. By seeing the sheer number of RSVPs to the React meetup, it made me confident that React would be something I should pay attention to. When you look at the RSVPs of now all these AI meetups that are happening in San Francisco, like, every single weekend is a hackathon. Highly confident that if you're engineering today, you probably want to know what embeddings are and know how OpenAI works. Not that you necessarily have to build AI stuff, but it is going to be the thing that people are going to be using. So just like we had to learn build tools, and servers, and CDNs prior, now it's all trivial stuff that you can sort of use Cloudflare for free. Like, AI is going to be very similar, and it's probably going to happen much quicker. But, in the time being, the trend right now is, like, you should probably understand whatever the players are in that space so that way you're able to talk confidently about it. WILL: That's really good advice, yep. VICTORIA: Absolutely. And, you know, in my role as Managing Director of Mission Control, or, like, DevOps, SRE platform, I spend a lot of time looking at trends, more on the engineering side. So I think my question is, [laughs] as someone who hires people to work on open-source projects, and who actively maintains and contributes to open-source projects, what should I be thinking about how to use OpenSauced as in my role? BRIAN: For hiring and sourcing skilled folks, we're actually working on a tool right now to make it more discoverable. So, today, when you onboard as an individual developer, you can check a box in your settings to say, like, if you want to collaborate with other folks, you have to opt into it. So if you want to be discovered on OpenSauced, it's in the settings. We'll probably expose that and share more about that in the future, like, in the next month or so. But for, in particular, our user flow today for folks looking to find other people to contribute alongside their project is, you add your project to what we call an Insight Page. You click on the tab on the top and create a page with your project. And then, you can see contributions in your project in the last 30 days. And then you can also add other projects like your project, so you can see who else is contributing. So, that way, you can start discovering folks who are making contributions consistently and start to get some stories of, like, if they're interested in collaborating, they'll check that box; if they're not, the box won't be checked. But at least you know the sort of scope of the ecosystem. As an individual developer, we have the onboarding flow, but then we also have highlights. So, eventually, we'll do recommendations to get you to make contributions. But, for now, if you're already making contributions, you can highlight the contributions you've made so that way, you're more discoverable on the platform. And the highlights are very much like a LinkedIn post or a tweet. You just drop in a PR, and then we'll either generate that description for you, or you write a description: I did a thing. This is what it was. This was the experience. And then, now you're attached to the project through not just a code contribution but also a discovery mechanism, which is a highlight. And then, eventually, we'll start doing blog posts, and guides, and stuff like that, as they're written. Like, if you want to attribute your career, and your journey to your participation to, like, documentation updates and stuff like that, those will also be highlights coming soon. WILL: I love, love, love that. MID-ROLL AD: Now that you have funding, it's time to design, build and ship the most impactful MVP that wows customers now and can scale in the future. thoughtbot Lift Off brings you the most reliable cross-functional team of product experts to mitigate risk and set you up for long-term success. As your trusted, experienced technical partner, we'll help launch your new product and guide you into a future-forward business that takes advantage of today's new technologies and agile best practices. Make the right decisions for tomorrow, today. Get in touch at: thoughtbot.com/liftoff WILL: I hear you saying that you have some things that's coming soon. In a high, high level, what are some of the things that you have coming? And what does success look like, six months, a year? What does that look like? Because it sounds like you have some really good ideas that you're working on. BRIAN: Yeah, yeah. So, like, six months to the end of the year, what we want to do is actually start getting more deeper insights to what's happening in open source. What we're doing right now is building the individual developer profile and experience so that way, they're able to be discovered, find projects to work on. And then what's next is there are tons of enterprises and companies that are maintaining open-source projects, SDKs. And what we're seeing right now is we're seeing massive layoffs happening currently in the industry. So like, as of today, I think Facebook laid off 4,000 people, ESPN laid off, like, 7,000 Disney employees as well. And some of those employees are around the Disney+ place. It's a lot of technical engineering stuff. So I guess what I'm getting at is there...we want to be able to see the trends of places that activity is happening and start recommending people to that. But also, we want to give an opportunity for folks who...companies...sorry, I'm avoiding trying to name specific companies because nothing is in contract yet. But certain companies, like, you, don't think of as an open-source powerhouse. So, like, a company we're now talking to right now is walgreens.com. And Walgreens they have tech. They've got open source that they participated. But they're not thought of as a place like, oh, I want to go work at Walgreens and go work on some cloud infrastructure stuff. So, how does Walgreens get exposure? And, like, hey, we're involved in the kubectl, and the Kubernetes platform and stuff like that, like, be aware that there's opportunity here. So we're going to start driving that connection to folks. So, as you develop your career doing open source, you can also be noticed, and folks can reach out to you. And also, I want to stand on the notion of open source is not for everybody. But I also want to point out, like, my entire career in open source has not been nights and weekends. It's always been finding a company that supports my interest to do open-source at work. Part of my story is, like, I was getting an MBA. My first kid, who's nine years old now he, was born 11 weeks early. And he's the reason why I built an app because I wanted to build an app to solve a pain point that I had, and ended up building that in 17 weeks. And that turned into opportunity. So I guess what I'm getting at is, like, folks being laid off right now, you might have some extra free time. You might be submitting like 100 applications a day. Consider taking that down to 50 applications a day, and then try to contribute to a couple of open-source projects a month. So that way, there's some more story to be shared as you're in the job market. VICTORIA: I love that you created that app when you had your son and you had that need. And for developers wanting to get noticed and wanting to get their next leg up or maybe even negotiate for higher salaries, what's the traditional way people do that now to kind of highlight themselves? BRIAN: The traditional way what people are doing is they're tweeting. They're speaking at conferences. They're sharing their stories. It's like zero to I'm an influencer in the open-source space. There's no real clear guide and steps to get to that point, which is why we have highlights today. Like, we want to make it low effort for folks to write 200 characters about something they contributed to. We're actually working on something to generate pull request descriptions because I think that's another missed opportunity. Like, when you open a PR in an open-source project, and it says no description added, like, that's a missed opportunity. Like, there's an opportunity for you to share what you've learned, what Stack Overflow questions you looked at, like, how you got to the problem, and why this is the right solution. All should be in the pull request description. And then that pull request should be in your cover letter for your resume so that people can go back and say, "Oh, wow, you did some real work." I can go see the history of your contributions because perhaps the job you got let go from you only worked in private repos. You couldn't really showcase your skills. That now gives you a competitive edge. And I guess when I look into this, like, going back to my original onboard ramp into engineering, I graduated with a finance degree with no network. I had one internship at an insurance company, but that wasn't enough. Like, everyone who I interned with, like, the guy who got a job at the internship, like, his dad was a client, was a big client at that firm. And another guy he worked at a golf course, and he'd be the caddy for all these big finance folks where I went to school. So, once I learned that there's an opportunity to get a job by just knowing people, that changed my entire path. Like, when I got to sales, like, oh, or when I got to engineering, I just knew go and meet people. Go have conversations. Go to meetups. What I'm trying to do with OpenSauced is make that step closer for folks, so they could look up and be like, you know, I've made all these contributions, or I don't know where to start. Let me just look at people who I know and follow in the industry and see where they're contributing, and make that connection. So, like, we've kind of closed that gap without the need of, again, you don't need 100,000 Twitter followers to get noticed. Just make some contributions or show up and ask questions. And, hopefully, that's the first step to establishing your career. VICTORIA: Well, that sounds great for both people who are looking to get hired, but also, as someone who hires people, [laughter] I know that there's a lot of amazing developers who are never going to do a conference talk, or they're not going to post on Twitter. So I love that that's available, and that's something you're working on. BRIAN: Yeah, it's just coming out of my own pain of, like, I was saying, like, looking at the story now, it sounds great. [laughs] But part of that story was like, hey, I was getting severely underpaid as an engineer in San Francisco, living in a one-bedroom apartment with two kids. Like, all that part of the story is like nothing I dwell on. But it's like, all that opportunity and knowledge-sharing that I ended up benefiting from, it's like what I constantly try to give. I pay it forward with folks. And I'm more than happy to talk with folks on Twitter and in OpenSauced Discord and other places because I think there's a lot of opportunity in open source. And if anybody's willing to listen, I'm willing to show them the path. WILL: I'm so glad you brought that up because this is one of my favorite questions I ask on the podcast: So, knowing where you're at right now and your story, you've gone the ups, the downs, all of it. If you can go back in time and know what you know now, what advice would you give yourself at the beginning? BRIAN: Honestly, I would say write it down. Like, one thing that I did is I did a blog post, and that's part of the reason why I was able to find my first job in engineering is I started a blog, which was really for myself to learn what I did yesterday. I tell everyone who I mentor it takes two hours every time you want to sit and learn something new because one hour is to remember what you did yesterday, and then one hour is to do something new. And so, I usually write it down and then make it a blog post just to solve that problem. I wish I did more with that, like, you know, wrote a book, or created a YouTube channel, or something because all that knowledge and that sort of sharing is actually what got me to level up faster. I was asked by one of my close friends, like, "Hey, how do you do it? How do you accomplish everything you've done in the last, like, 9-10 years?" And I didn't know what the answer was then. But the answer today for my friend, and I'll share this with them, is it's because I wrote it down. I was able to go back and see what I did. And then, at the end of six months, I was able to go back six months and see what I did. It's like the idea of relativity with, like, Einstein. Relativity is the idea of motion and the perception. Like, if you're in a train, it feels like you're just going slow. But you might be going 100 miles per hour, but you don't feel that. And when you're going on your journey, you could be going 100 miles per hour, but you're thinking, oh, man, I failed yesterday. I could have solved a problem. But yeah, you solved six problems while trying to solve for one. It's that situation. So advice for myself, in the beginning, write it down and then share it way more than I did when I started. Because a lot of the stuff I'm like, even in this conversation, I'm thinking, oh yeah, this, this, and this. And I never shared that before, and I wish I did. So yeah. WILL: I love that. Because yeah, I feel like that's development, like, you have some weeks that you're shipping out multiple features. And then other weeks, you're like, I barely got one out, or I barely fixed this one bug that I've been trying to...struggling with the last couple of weeks. So yeah, I like that advice. Write it down. And remember where you've been, remember. I just love the example you used, too, because it does seem like I haven't made any movement. But when you look back, you're like, no, you actually made a lot of movement. And you were very successful with what you did. So that's great advice. VICTORIA: I sometimes write things, and then I go back maybe six months later and read them. And I'm like, who wrote this? [laughter] I don't remember learning this stuff. Oh yeah, I guess I did, right, yeah. [laughs] No, that's so cool. What questions do you have for us, Brian? BRIAN: I'm curious in, like, how do thoughtbot folks stay up to date? Like, what does your involvement in open source look like today? VICTORIA: Yeah, so we are known for being active maintainers of a lot of very popular Ruby on Rails gems. So we're a consulting agency. So we're able to structure our time with our clients so that we can build in what we call investment days, which is typically Fridays, so that people can contribute to open-source projects. They can write blog posts. They can do trainings. And so that gives us the structure to be able to actually allow our employees to contribute to open source, and it's a huge part of our business as well. So if you have a Ruby on Rails project, you're probably using one of our gems. [laughs] And so, when there's other crises or other things happening in an organization, and they want to bring in an expert, they know that that's who thoughtbot is. Of course, we've expanded, and we do React, and now we're doing platform engineering. And we have some open-source TerraForm modules that we use to migrate people onto AWS and operate at that enterprise level with a mix of managed products from AWS as well. And that continues to be, like, how we talk to people [laughs] and get that buzzword out there is, like, okay, there's this cool open-source project. Like, one I'm excited about now is OpenTelemetry. And so we're digging into that and figuring out how we can contribute. And can we make a big impact here? And that just opens the door to conversations in a way that is less salesy, right? [laughs] And people know us as the contributors and maintainers, and that creates a level of trust that goes a long way. And also, it really speaks to how we operate as a company as well, where the code is open and when we give it back to the customers, it's not. Some organizations will build stuff and then never give it to you. [laughs] BRIAN: Yeah. So it sounds like folks at thoughtbot could probably benefit from things like OpenSauced for discoverability. And I get a lot of conversation around in OpenSauced as like, how do I get connected to maintainer of X or maintainer of Y? And the first step is like, how do I even know who the maintainer is? Because when you go to GitHub, you could sort this by last commit date, which not a lot of people know. You can sort the contributors by most frequently and stuff like that. But it's challenging to find out who to reach out to when it comes to packages, especially when people move on. Like, someone created a thing. They have tons of commits. And then they look like they're the number one committer for the past ten years, but they left five years ago. Those are things that we're trying to make more discoverable to solve that problem. But then, going into that thoughtbot thing, is like being able to reach out to thoughtbot and be like, oh, who can I reach out to about this gem? And, say, I have an idea, or we have an issue; how can we get unblocked because we're using this in our product? And I imagine with consulting, there's an opportunity to say, hey thoughtbot...which, honestly, at Netlify, we used thoughtbot to solve some harder problems for us. We were just like, yeah, we don't have the bandwidth to go down this path. Let's go to consulting to unblock us in this arena. VICTORIA: Right. And that was really important to me in making the decision to join thoughtbot last year is that it was built around open source. And that ethos really spoke to me as, like, this is a place where I want to work. [laughs] And you can think of, like, if you're looking for vendors, like, oh, I want to work with people who have that same ethos. So yeah, OpenSauced seems like a really cool product. I'd be curious about how we can leverage it more at thoughtbot. BRIAN: We just shipped a feature called Teams, which it's self-explanatory. But, basically, when you build an insight page, you're able to build a team to help the discover process of what's happening in contributions. You get details and reporting on OpenSauced. The goal is basically to unblock teams who are involved in open source together and make it more discoverable for folks who want to find maintainers and collaborate with them. VICTORIA: Will, I know we're running close on time. But I had one more question about what you said around making open source more hospitable. And, you know, you mentioned going to Juneteenth Conf. And I'm curious if you have a perspective on if open source is equitably accessible to everyone or if there are things we can be doing as a community to be more inclusive. BRIAN: Yeah, it's a great question. So the first answer is quick, it's no. The reason why it's no is because we have to admit [laughs] where there are inequitable situations. And as much as we want to set this up of, like, I want to say that there's opportunity for everyone to contribute based on no matter where their background, but just by your time zone, makes it inequitable of, like, whether you can contribute to open source. Because if you look at the data and zoom out, most open source happens in the West Coast U.S., so from San Francisco to Seattle. Like, majority of contributions are there. There are reasons for that. Like, California has a very, very expressive clause of like where you can contribute. And, technically, your employer can block you on doing open-source contributions. Unless you sign...like, at Apple, you sign away your rights to be able to do that in your employee offer letter. Sorry, [laughs] not to be a dig against Apple. Apple buy lots of open source. But what I'm getting at is that the opportunity is there, but it's the awareness thing. I'm part of an organization called DevColor. It's an organization of Black engineers in tech. We have squads and monthly meetings where we just talk about our career, and growth, and stuff like that. And I attribute a lot of that interactions to my success is, like, talking to other folks who are years ahead of me and have a lot more experience. But I say this because the majority of the folks that I interact with at DevColor they don't do open source because they all...to be a Black engineer at a level of like senior engineer at Netlify, or a staff engineer, or a manager...sorry, I meant, like, Netflix but Netlify too. You basically had a career path of, like, you probably went to school at a decent engineering school, or you figured out how to get a job at Facebook or Google. And, like, that's pretty much it. And, like, this is a blanket statement. I totally understand there are outliers. But the majority of the folks I interact with at DevColor they have a job. They have a great job. And they're doing the thing, and they're being very successful. But there's less community interaction. And that's what DevColor exists for is to encourage that community interaction and participation. So, at the end of the day, like, there's opportunity to make it more equitable. So things like, every time there's a release cut for a major open-source project, why not go to Black Girls CODE and have them build something with it? And, again, very specific, like, React 19 that's currently being tested, why not go to all these other underrepresented organizations and partner with them to show them how to use this project? Because the assumption is everyone in open source, you got to be senior enough to participate, or if it's too hot, get out of the kitchen. But if we set up a place for people to interact and level up, in three or four years from now, you'll see the open-source ecosystem of that project be completely different as far as diversity. But it takes that investment to have that onboard ramp to even have that connection or conversation about testing early releases with underrepresented groups in engineering. That's where we have to start, and that's what we're trying to do at OpenSauced. We want to make that connection. I have a whole plan for it. I'll share in a blog post. I also mentioned that a lot of these thoughts are on our blog as well. I've been writing blog posts around these conversations. So opensauced.pizza/blog if you're interested. VICTORIA: Very cool. Thank you for that. WILL: I'm just processing on the whole conversation. It has just been great. VICTORIA: Yes. Thank you so much for sharing with us. And I wonder, do you have any final takeaways for our listeners today, Brian? BRIAN: Yeah, final takeaways. Like, if anything at all resonated in this conversation, please reach out, bdougie on GitHub. I'm pretty active with my notifications. So if you @ mention me in a random project, I'll probably jump back in and respond to you. But also Twitter @bdougieYO. And then, I mentioned our blog. We also have a newsletter. So, if you're interested in any of this OpenSauced journey, please join us there, and keep in touch. VICTORIA: Wonderful. Thank you so much for joining us today and sharing your story. You can subscribe to the show and find notes along with a complete transcript for this episode at giantrobots.fm. If you have questions or comments, email us at hosts@giantrobots.fm. And you can find me on Twitter @victori_ousg. WILL: And you could find me @will23larry This podcast is brought to you by thoughtbot and produced and edited by Mandy Moore. Thank you. ANNOUNCER: This podcast is brought to you by thoughtbot, your expert strategy, design, development, and product management partner. We bring digital products from idea to success and teach you how because we care. Learn more at thoughtbot.com. Special Guest: Brian Douglas.

Talking Drupal
Talking Drupal #395 - Accessibility from Sales to Delivery

Talking Drupal

Play Episode Listen Later Apr 17, 2023 70:16


Today we are talking about Accessibility from the sales process to delivery with Kat Shaw. For show notes visit: www.talkingDrupal.com/395 Topics Where does Accessibility (A11y) begin What are the A11y levels Who should be thinking about A11y How do you research a solution for A11y What tools do you use What are the biggest struggles with selling A11y A11y and regulations Selling A11y only projects Ensuring delivery Ensuring support after launch Future of A11y 2.2 and 3.0 Resources GAAD Tools Axe Devtools ARC toolkit Colorblindly Webaim color checker Webaim link contrast checker Paciello group color checker Dominoes Screen readers Narrator Orca NVDA Voiceover How cool accessibility tools can make your life easier Hosts Nic Laflin - www.nLighteneddevelopment.com @nicxvan John Picozzi - www.epam.com @johnpicozzi Kat Shaw - drupal.org/u/katannshaw @katannshaw MOTW Correspondent Martin Anderson-Clutz - @mandclu Gesso A Sass-based, Webpack-based, and Storybook integrated accessible starter theme.

devtools.fm
Tobias Koppers - TurboPack, Webpack

devtools.fm

Play Episode Listen Later Feb 3, 2023 48:09 Transcription Available


This week we're joined by Tobias Koppers, the creator of Webpack, and now TurboPack. We talk about the origin of Webpack, maintaining Webpack, and what's next for JavaScript bundling. TurboPack is a new bundler from Vercel, and it's built on a completely new architecture with a familiar API. Join as as we dive deep into the future of bundling.https://turbo.build/packhttps://webpack.js.orghttps://twitter.com/wsokrahttps://github.com/sokraJoin our patreon for the full episode.TooltipsWant to hear use talk about our tooltips? Join our patreon!Andrewhttps://maath.pmnd.rshttps://github.com/vercel/satoriJustinhttps://github.com/julusian/node-elgato-stream-deckhttps://progrium.com/blog/Tobiashttps://github.com/salsa-rs/salsahttps://v8.dev/blog

The Stack Overflow Podcast
Ready to optimize your JavaScript with Rust?

The Stack Overflow Podcast

Play Episode Listen Later Dec 9, 2022 22:42


Webpack has been king for several years. Vercel wants folks to embrace Turbopack, but their claims about speed raised a lot of backlash after it was first announced. Lee explains why he thinks the Rust-based approach will ultimately be a big benefit to developers and how organizations who are deeply ingrained with existing tools can safely and incrementally migrate to what is, for now, a very Alpha and experimental release. We go over the routing and rendering updates in Next.JS 13, exploring where it might offer developers more flexibility and the ability to use React server components to ship less, maybe a lot less, JavaScript. As Lee says in the episode: “So to your point about wanting to ship less JavaScript, that was a kinda fundamental architectural decision of where we headed with the app directory. And the core of this is because it's built on React server components. The key thing with React server components is that as your application grows in size from one component to a hundred thousand components, the amount of client-side JavaScript you send can be exactly the same. It can be constant because you can render every single component on the server. And that's a lot different from the world of React applications today, where every new component you add for data fetching or just putting some HTML on the screen also adds additional client-side JavaScript.So this is kind of inverting the default, back from the client to be server first. Now, of course, we still love client-side interactivity that React provides making really interactive and rich UI experiences, but the default for data fetching or just getting HTML to the browser happens from the server, and that's gonna help us reduce the amount of JavaScript.”You can learn more about Lee on his website, LinkedIn, and Twitter.

The Nonlinear Library
LW - Developer experience for the motivation by Adam Zerner

The Nonlinear Library

Play Episode Listen Later Nov 17, 2022 5:57


Welcome to The Nonlinear Library, where we use Text-to-Speech software to convert the best writing from the Rationalist and EA communities into audio. This is: Developer experience for the motivation, published by Adam Zerner on November 16, 2022 on LessWrong. (Cross-posted to my personal blog.) I watched this YouTube video a few months ago that really stuck with me. It was about how to organize your kitchen. The video went through 10 tips, but before getting in to those tips it talked about the why. Why is organizing your kitchen important in the first place? Well, the standard and obvious answer is that it makes the process of cooking smoother and more efficient. No digging around for those tongs as your chicken threatens to burn. But here's another answer that is perhaps less obvious and more important: motivation. That's right, motivation. The desire to even be in the kitchen in the first place. If you have to dig through a chaotic cabinet under the sink to find the right pan, in practice you're just gonna end up ordering takeout. And that's a problem that compounds upon itself. If you cooked instead of ordering takeout you'd be building up your skill, making things easier for next time. Instead, your failures and bad experiences make you averse to wanting to cook in the future. I think something similar is true in programming. One simple example of this is with Vite vs Webpack. I recently was working on a side project that used Webpack. `npm run start` would take a good ten seconds or so. And I restart my dev server a lot, imposing this annoying ten second cost on myself beacuse... well, I'm not sure. I'm paranoid about hot reloading not working? Because I suck? Anyway, I ended up switching to Vite which is more like one second instead of ten (don't quote me though). Soooo much nicer. I notice myself smiling inside whenever I restart my dev server. It's like reaching for a knife resting neatly on a wall mounted magnetic strip instead of having to dig through a messy drawer. Another example that comes to my mind is with flaky tests. When I was working on Premium Poker Tools, my end-to-end tests got out of control. I'd make a small code change, random tests would fail, it didn't make sense, I'd have to spend hours debugging. Ugh. It definitely made me feel unmotivated. But as a sort of counterexample, for a side project called Calibration Training, I didn't have any tests. At first it was fine, but at some point I started feeling nervous that a code change here would introduce a bug there. It's a little bit like the feeling of being in one of those antique shops: you don't want to accidentally bump into something and then hear the sound of glass shattering. Except even more scary because with programming I was especially worried about things failing silently. Anyway, this too was a bad developer experience. As a developer you want to write code, run tests, see them pass, feel confident that things are pretty stable, and move on. Complexity itself is perhaps the worst. Well, when it gets out of control. No one wants to deal with the 13,000 line module in the legacy app. But everyone is motivated when starting a new project! When starting a new project, oh man, you can just crank out feature after feature after feature. It's almost addicting. Complexity can be wrangled though. For Premium Poker Tools it grew pretty fast. As it grew I'd slowly start becoming overwhelmed. I'd hit a point of being sufficiently overwhelmed where I'd spend some time refactoring. Then I'd feel good and motivated again. But then the complexity would creep back up. So on and so forth, for however many cycles. Because I worked for myself, I was actually able to take the time to refactor. But at almost all jobs I've had, that wouldn't have been the case. Complexity never gets wrangled. It just sits there and rots. Developers can smell hot rotten it is too, and they try to avoid touching it. "Maybe Alice could work on that feature instead." And when ...

WebJoy
S1 E23: It's nice to build for the future (Zack / @ScriptedAlchemy)

WebJoy

Play Episode Listen Later Nov 15, 2022 24:27 Transcription Available


Zack Jackson joins the show to talk about his origin story, from not doing well in high school, to teaching himself programming and becoming a core contributor to one of the most essential front-end development tools available: Webpack, as well as being a co-creator of Webpack Module Federation.We discuss the benefits of being involved in really technical work in open source, and the benefits it has on your day job. His passion for working on distributed architectures and how he accidentally built a self-healing server using Module Federation. We also discuss state management using Recoil and how that helps decouple your application logic from the state.Discussed LinksWebpackGitHub repos: Module FederationModule Federation WebsiteRecoil State management libraryZack's Twitter: @ScriptedAlchemy

The React Native Show Podcast
Module Federation | The React Native Show Podcast Ep.18

The React Native Show Podcast

Play Episode Listen Later Nov 7, 2022 63:11


Let's dive into the topic of module federation! This time our host, Łukasz Chludziński (https://twitter.com/loginlukasza), invited two experts – Zack Jackson (https://twitter.com/scriptedalchemy), the creator of Webpack, and Paweł Trysła (https://twitter.com/_zamotany), who is the brain behind Re.Pack. Paweł was already a guest in one of our podcast episodes, where he talked extensively about bringing Webpack to React Native (https://www.callstack.com/podcasts/re-pack-bringing-webpack-to-react-native). If you want to know more about Re.Pack, take a listen! Pawel joined us for this episode because the new version of Re.Pack, Re.Pack 3.0 was released in September. It includes a new API for Module Federation in React Native and long-awaited documentation. In this episode we focus on Module Federation – an answer to, uh, complexity of publishing shared common code in the NPM packages. To make this talk a comprehensive take on Module Federation on mobile and web, we invited Zack Jackson. Zack elaborated on how he got involved in Webpack and how he came up with the crazy idea of Module Federation. In this episode, Zack, Paweł, and Łukasz discuss: Webpack similarities in web and mobile, the use cases of Module Federation on the web, and how it helps solve organizational agility problems, the idea behind bringing Webpack to React Native ecosystem and incorporating Module Federation, the use cases of Module Federation in the mobile application world, and the common pitfalls of Module Federation. In the end, our hosts and his guests discuss the buzzwords: Super apps micro frontends, and distributed systems. Check out our articles on Super Apps development: https://www.callstack.com/blog/why-have-a-super-app?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=module_federation Discover the business benefits of Super Apps: https://www.callstack.com/campaigns/business-benefits-of-super-apps?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=module_federation Discover how we can help your company: https://www.callstack.com/services?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=module_federation Check out other episodes of our podcast: https://www.callstack.com/podcast-react-native-show?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=module_federation Do you want to work with us? We're looking for Senior React Native developers! Check out the details and apply here: https://www.callstack.com/senior-react-native-developer?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=module_federation Follow us on Twitter to stay up to date with upcoming episodes: https://twitter.com/callstackio Enjoy!

AWS Developers Podcast
Episode 057 - Diving Into the Next.js Conf Announcements with Lee Robinson

AWS Developers Podcast

Play Episode Listen Later Oct 28, 2022 25:27


In this episode, Dave chats again with Lee Robinson, VP of Developer Experience at Vercel. Lee dives into all of the announcements around Next.js from last week's conference. This includes Next.js version 13, Turbopack, a Rust based successor to Webpack, routing, server components, a server-first approach, and new real-time analytics. If you missed it, you can listen to part one of this conversation in Episode 056. --------------- Our fellow Developer Advocate, Brooke Jamieson, was also at the Next.js conf, and they interviewed people from the show floor. Check their content out here! Brooke's Tik Tok: https://www.tiktok.com/@brookebytes Brooke's Twitter: https://twitter.com/brooke_jamieson Brooke's Next.js Conf Interviews: https://vt.tiktok.com/ZSRtw7Sf3/ https://vt.tiktok.com/ZSRtwcDG6/ https://vt.tiktok.com/ZSRtK6V9m/ --------------- Lee on Twitter: https://twitter.com/leeerob Vercel on Twitter: https://twitter.com/Vercel Next.js on Twitter: https://twitter.com/nextjs Dave on Twitter: https://twitter.com/thedavedev Lee on LinkedIn: https://www.linkedin.com/in/leeerob/ Lee on GitHub: https://github.com/leerob Lee's Website: https://leerob.io/ [BLOG] Next.js 13 Announcement: https://nextjs.org/blog/next-13 [BLOG] Introducing Turbopack: Rust-based successor to Webpack: https://vercel.com/blog/turbopack [DOCS] From JavaScript to React: https://nextjs.org/learn/foundations/from-javascript-to-react [DOCS] How Next.js Works: https://nextjs.org/learn/foundations/how-nextjs-works [PORTAL] React.js Overview: https://reactjs.org/ Subscribe: Amazon Music: https://music.amazon.com/podcasts/f8bf7630-2521-4b40-be90-c46a9222c159/aws-developers-podcast Apple Podcasts: https://podcasts.apple.com/us/podcast/aws-developers-podcast/id1574162669 Google Podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5zb3VuZGNsb3VkLmNvbS91c2Vycy9zb3VuZGNsb3VkOnVzZXJzOjk5NDM2MzU0OS9zb3VuZHMucnNz Spotify: https://open.spotify.com/show/7rQjgnBvuyr18K03tnEHBI TuneIn: https://tunein.com/podcasts/Technology-Podcasts/AWS-Developers-Podcast-p1461814/ RSS Feed: https://feeds.soundcloud

How To Code Well
180 - Stop relying on other peoples code

How To Code Well

Play Episode Listen Later Oct 27, 2022 22:07


Turbo pack Vercel have announced Turbopack which they claim will be a Rust based successor to web pack. https://vercel.com/blog/turbopack Vercel are claiming speeds of up to 10x faster than Vite and 700 time faster than Webpack. > “Turbopack only bundles the minimum assets required in development, so startup time is extremely fast. On an application with 3,000 modules, Turbopack takes 1.8 seconds to boot up, while Vite takes 11.4 seconds.” https://vercel.com/blog/turbopack > “Since we're not offering 1:1 API compatibility, most Webpack plugins won't work out of the box with Turbopack.” https://turbo.build/pack/docs/migrating-from-webpack Should you care? Not right away Not unless your'e always on the bleeding edge Not unless you need speed over connivence How to stop relying on frameworks and libraries Decided if you can write feature yourself using only the core components of the programming language. Check the knowledge of the team to find their base line skills. Move away from opinionated code ecosystems Avoid syntactic sugar covered standards The framework you use today may not be the tool you use in the future Code like you don't have access to third party tools Care more about core conventions (PSR) than framework guidelines

The Stack Overflow Podcast
Goodbye Webpack, Hello Turbopack! The big news from today's Next.JS conference

The Stack Overflow Podcast

Play Episode Listen Later Oct 25, 2022 19:52


We got the chance to sit down with Guillermo Ruach, Guillermo Rauch, CEO of Vercel and co-creator of Next.JS, about the news coming out of today's conference. The most interesting was a new product called Turbopack. You can read more about it here.  

Thinking Elixir Podcast
119: NPM CLI Maintainer Moves to Phoenix and Rust

Thinking Elixir Podcast

Play Episode Listen Later Oct 4, 2022 51:13


Kat Marchán was the maintainer of NPM CLI for 5 years but now works at Microsoft on the VisualStudio product. Kat is passionate about Rust and uses Elixir and Phoenix to build a new Banchan Art site to serve artists. It helps connect artists with clients who want to commission custom artwork. The goal is to create a platform that does not exploit artists like many of the existing options. Amazingly, the Banchan Art Elixir project is OpenSource as well! Show Notes online - http://podcast.thinkingelixir.com/119 (http://podcast.thinkingelixir.com/119) Elixir Community News - https://twitter.com/elixirphoenix/status/1572934094098694145 (https://twitter.com/elixirphoenix/status/1572934094098694145) – Phoenix LiveView v0.18 was released! - https://phoenixframework.org/blog/phoenix-liveview-0.18-released (https://phoenixframework.org/blog/phoenix-liveview-0.18-released) – LiveView release blog post - https://github.com/phoenixframework/phoenixliveview/blob/v0.18.0/CHANGELOG.md (https://github.com/phoenixframework/phoenix_live_view/blob/v0.18.0/CHANGELOG.md) – LiveView changelog - https://www.youtube.com/watch?v=9-rqBLjr5Eo (https://www.youtube.com/watch?v=9-rqBLjr5Eo) – Chris McCord's ElixirConf keynote talking about the release - https://docs.google.com/forms/d/e/1FAIpQLSckJPn7n-k-vorjpQLTKtOlo4pxKYP64J71yg5iutTeY9jG5w/viewform (https://docs.google.com/forms/d/e/1FAIpQLSckJPn7n-k-vorjpQLTKtOlo4pxKYP64J71yg5iutTeY9jG5w/viewform) – Code Smells online survey - https://github.com/lucasvegi/Elixir-Code-Smells (https://github.com/lucasvegi/Elixir-Code-Smells) – Previous Elixir Code Smells github repository - https://ti.to/strange-loop/2023 (https://ti.to/strange-loop/2023) – Strange Loop's final conference held in Saint Louis, MO. Sept 21-22 in 2023 - Elixir 1.14 hidden date/time gem Do you have some Elixir news to share? Tell us at @ThinkingElixir (https://twitter.com/ThinkingElixir) or email at show@thinkingelixir.com (mailto:show@thinkingelixir.com) Discussion Resources - https://www.npmjs.com/ (https://www.npmjs.com/) - https://docs.npmjs.com/cli/v6 (https://docs.npmjs.com/cli/v6) - https://visualstudio.microsoft.com/vs/ (https://visualstudio.microsoft.com/vs/) - https://www.erlang.org/ (https://www.erlang.org/) - https://elixir-lang.org/ (https://elixir-lang.org/) - https://www.rust-lang.org/ (https://www.rust-lang.org/) - https://banchan.art/beta (https://banchan.art/beta) – Banchan Art site - https://github.com/BanchanArt/banchan (https://github.com/BanchanArt/banchan) – Banchan Art Elixir project Guest Information - https://twitter.com/zkat__ (https://twitter.com/zkat__) – Kat on Twitter - https://twitter.com/BanchanArt (https://twitter.com/BanchanArt) – BanchanArt on Twitter - https://github.com/zkat/ (https://github.com/zkat/) – on Github - https://banchan.art/beta (https://banchan.art/beta) – BanchanArt site - https://github.com/BanchanArt/banchan (https://github.com/BanchanArt/banchan) – Banchan Art Elixir Project Find us online - Message the show - @ThinkingElixir (https://twitter.com/ThinkingElixir) - Email the show - show@thinkingelixir.com (mailto:show@thinkingelixir.com) - Mark Ericksen - @brainlid (https://twitter.com/brainlid) - David Bernheisel - @bernheisel (https://twitter.com/bernheisel) - Cade Ward - @cadebward (https://twitter.com/cadebward)

All Ruby Podcasts by Devchat.tv
Import Maps in Rails 7 with Paweł Dąbrowski - RUBY 565

All Ruby Podcasts by Devchat.tv

Play Episode Listen Later Sep 28, 2022 40:31


Import maps is the new feature in Rails 7 that allows us to forego Node.js and tools like Webpack, plus it prevents the need for bundling.  Today on the show, Valentino interviews Paweł Dąbrowski to share his insights about import maps in Rails 7.In this episode… Mortal Kombat coding  Mastering CSV in Ruby (book) CSV features  What are Import maps in Rails 7 and how do you get started Rails app generator and Rails formation How to handle upgrades New Rails features  Sponsors Top End Devs Coaching | Top End Devs Links Boss Vs Motivator - Sharebold Mastering CSV in Ruby Twitter: @longliveruby Picks Paweł- Heroku's Next Chapter Valentino- GitHub - ankane/sidekick: The simple way to automate tasks Valentino- 6 Types Of Hot Tubs To Warm You Up Any Time Of The Year

Ruby Rogues
Import Maps in Rails 7 with Paweł Dąbrowski - RUBY 565

Ruby Rogues

Play Episode Listen Later Sep 28, 2022 40:31


Import maps is the new feature in Rails 7 that allows us to forego Node.js and tools like Webpack, plus it prevents the need for bundling.  Today on the show, Valentino interviews Paweł Dąbrowski to share his insights about import maps in Rails 7.In this episode… Mortal Kombat coding  Mastering CSV in Ruby (book) CSV features  What are Import maps in Rails 7 and how do you get started Rails app generator and Rails formation How to handle upgrades New Rails features  Sponsors Top End Devs Coaching | Top End Devs Links Boss Vs Motivator - Sharebold Mastering CSV in Ruby Twitter: @longliveruby Picks Paweł- Heroku's Next Chapter Valentino- GitHub - ankane/sidekick: The simple way to automate tasks Valentino- 6 Types Of Hot Tubs To Warm You Up Any Time Of The Year

Programming By Stealth
PBS Tidbit 6 of Y — A Real-World Webpack Case Study

Programming By Stealth

Play Episode Listen Later Sep 18, 2022 61:57


In the past few episodes of Programming By Stealth, Bart has been walking us through worked examples to demonstrate how to roll up a web app using Webpack. These worked examples have been contrived to show how to perform the task. This week in a Tidbit episode, Bart walks us through how he tried using the skills he's been teaching us to roll up his [this-ti.me](https://this-ti.me) web app. It's a real-world test of the technologies and it allowed him to describe some of the pitfalls he fell into (though they were few and far between). It also gave him a chance to exercise the Webpack documentation, which happily turned out to be very good. There's no heavy lifting in this episode and no work to do to follow along. Instead, sit back and relax while you listen to Bart give advice on how to approach this task in your own code. You can find Bart's fabulous tutorial shownotes at pbs.bartificer.net. [audio mp3="https://media.blubrry.com/nosillacast/traffic.libsyn.com/nosillacast/CCATP_2022_09_17.mp3"] mp3 download

Chit Chat Across the Pond
CCATP #743 – Bart Busschots on PBS Tidbit 6 of Y — A Real-World Webpack Case Study

Chit Chat Across the Pond

Play Episode Listen Later Sep 18, 2022 61:57


In the past few episodes of Programming By Stealth, Bart has been walking us through worked examples to demonstrate how to roll up a web app using Webpack. These worked examples have been contrived to show how to perform the task. This week in a Tidbit episode, Bart walks us through how he tried using the skills he's been teaching us to roll up his [this-ti.me](https://this-ti.me) web app. It's a real-world test of the technologies and it allowed him to describe some of the pitfalls he fell into (though they were few and far between). It also gave him a chance to exercise the Webpack documentation, which happily turned out to be very good. There's no heavy lifting in this episode and no work to do to follow along. Instead, sit back and relax while you listen to Bart give advice on how to approach this task in your own code. You can find Bart's fabulous tutorial shownotes at pbs.bartificer.net. [audio mp3="https://media.blubrry.com/nosillacast/traffic.libsyn.com/nosillacast/CCATP_2022_09_17.mp3"] mp3 download

Programming By Stealth
PBS 139 of X — Bundling a Web App/Site with Webpack (Part 2)

Programming By Stealth

Play Episode Listen Later Sep 4, 2022 65:08


In our last installment of Programming By Stealth, Bart started teaching us how to bundle an app/website using our bundler of choice, Webpack. The app/website he's creating for us is very simplified but is intended to allow us to exercise every one of the kinds of things we'd want to bundle. This week we finish all of the tools he wanted to teach us to bundle. In PBS 138, after explaining to us why we would want to do this, and initializing things, he taught us to import a pure JavaScript library with jQuery as an example, and a pure CSS library with basic Bootstrap as the example. In this week's show, we learn how to install and use Mustache for templating in a Webpack world. The process is quite a bit different from how we originally learned to implement Mustache in Programming By Stealth. Then we learn how Bootstrap 5 now lets us import just what we need (instead of all of Bootstrap). We need some fancy icons so Bart teaches us about Bootstrap icons which he now favors for free icons over Font Awesome. Our web app wouldn't be complete if we didn't have a fun font, so we learn to import free web fonts from Fontsource all with Webpack. Like the first half of the Webpack worked example, Bart's process of doing repetitive actions but for different reasons definitely helped cement the concepts for me.

Chit Chat Across the Pond
CCATP #742 – Bart Busschots on PBS 139 of X — Bundling a Web App/Site with Webpack (Part 2)

Chit Chat Across the Pond

Play Episode Listen Later Sep 4, 2022 65:08


In our last installment of Programming By Stealth, Bart started teaching us how to bundle an app/website using our bundler of choice, Webpack. The app/website he's creating for us is very simplified but is intended to allow us to exercise every one of the kinds of things we'd want to bundle. This week we finish all of the tools he wanted to teach us to bundle. In PBS 138, after explaining to us why we would want to do this, and initializing things, he taught us to import a pure JavaScript library with jQuery as an example, and a pure CSS library with basic Bootstrap as the example. In this week's show, we learn how to install and use Mustache for templating in a Webpack world. The process is quite a bit different from how we originally learned to implement Mustache in Programming By Stealth. Then we learn how Bootstrap 5 now lets us import just what we need (instead of all of Bootstrap). We need some fancy icons so Bart teaches us about Bootstrap icons which he now favors for free icons over Font Awesome. Our web app wouldn't be complete if we didn't have a fun font, so we learn to import free web fonts from Fontsource all with Webpack. Like the first half of the Webpack worked example, Bart's process of doing repetitive actions but for different reasons definitely helped cement the concepts for me.

Remote Ruby
Rubygem Idea for Juniors, Modern Assets in Rails & George Jetson's Birthday

Remote Ruby

Play Episode Listen Later Aug 12, 2022 44:14


[00:07:35] Andrew shares a free gem idea for Juniors or people who've never built a gem before. [00:10:20] Jason brings up a previous episode with Konnor Rogers where they talked about migrating Podia off Webpacker, and the guys chat more about that.[00:17:56] Jason was looking something up for JavaScript and he tells us he couldn't get Google to give him any results that weren't for jQuery, and Chris talks about the interesting idea that Rails could sort of simplify Webpack with Webpacker, which they've done with jQuery, Prototype, and Scriptaculous.[00:20:35] We hear about why CoffeeScript was such a welcomed flavor of JavaScript.[00:22:23] Chris tells us what you can do using the railsassets.org site. [00:26:07] Andrew fills us in on his new podcast, Ruby for All, that he's co-hosting with Julie, that's aimed at providing something specifically for Junior Rails Developers or people getting into Rails.  [00:27:49] We find out some things that have been difficult and things Andrew forgot about with starting a podcast. [00:31:57] In case you haven't listened to the first episode yet, Andrew explains the focus of the podcast which is full of honest conversations and advice. [00:38:50] Chris shares a George Jetson announcement and a great idea for a new gem name.Panelists:Jason CharnesChris OliverAndrew MasonSponsor:HoneybadgerLinks:Jason Charnes TwitterChris Oliver TwitterAndrew Mason TwitterRemote Ruby-Episode 189: Joined by Konnor RogersYou might not need jQueryRails AssetsRuby for All PodcastRuby for All Podcast TwitterRuby Radar NewsletterRuby Radar Twitter

Programming By Stealth
PBS 138 – Bundling a Web App/Site with Webpack (Part 1)

Programming By Stealth

Play Episode Listen Later Aug 5, 2022 64:46


We're back in the saddle after a summer of "PBS Adjacent" installments. Our last real PBS was learning how to use Webpack to bundle a JavaScript library for sharing with the world. That was cool, but a lot of us want to use Webpack to bundle a web app we've written ourselves to include all of the libraries we're using. We also want to have an easier way to reduce dependency on having an Internet connection. We also want an easier way to keep our bundle of libraries up to date. In this installment, Bart teaches us how to do all that with NPM and Webpack. I really enjoyed this episode because he used a worked example to show us how it all works, rather than talking only about the theory. The repetitive steps for each library really helped me to understand the process. You can find Bart's fabulous tutorial shownotes at pbs.bartificer.net.

Chit Chat Across the Pond
CCATP #738 – Bart Busschots on PBS 138 – Bundling a Web App/Site with Webpack (Part 1)

Chit Chat Across the Pond

Play Episode Listen Later Aug 5, 2022 64:46


We're back in the saddle after a summer of "PBS Adjacent" installments. Our last real PBS was learning how to use Webpack to bundle a JavaScript library for sharing with the world. That was cool, but a lot of us want to use Webpack to bundle a web app we've written ourselves to include all of the libraries we're using. We also want to have an easier way to reduce dependency on having an Internet connection. We also want an easier way to keep our bundle of libraries up to date. In this installment, Bart teaches us how to do all that with NPM and Webpack. I really enjoyed this episode because he used a worked example to show us how it all works, rather than talking only about the theory. The repetitive steps for each library really helped me to understand the process. You can find Bart's fabulous tutorial shownotes at pbs.bartificer.net.

Remote Ruby
Joined by Konnor Rogers

Remote Ruby

Play Episode Listen Later Jul 22, 2022 58:53


Welcome to Remote Ruby and thanks for joining us!  We've been trying to have our guest on for a really long time, and that time is here folks!  Today, we're joined by Konnor Rogers, a Developer at Microsoft known for his knowledge of all things front-end. On this episode, we'll hear Konnor's journey from being an EMT, getting into tech, and Andrew introducing him to Snowpack. Konnor tells us more about a new JavaScript runtime called Bun, his go-to Vite Ruby, and using Import Maps as a start tool.  The guys have some deep conversations about ESBuild, Webpack, Webpacker, Web Components, and the new Lit Web Component. Also, there's some great Web Components on GitHub that are mentioned, as well as a cool package called Catalyst.  And if you're a Junior Developer, Konnor, Jason, and Andrew share some important tips that may help with your journey in finding a job.  Download this episode now![00:04:58] We find out when Konnor first met Andrew. [00:08:02] Konnor fills us in on his first job leading into what he's doing now.[00:09:54] We hear about Konnor's journey with Andrew introducing him to Snowpack.[00:14:12] Konnor tells us about a new JavaScript runtime called Bun, what he does when he spins up a Rails Project, and his go-to these days which is Vite Ruby.[00:16:52] The guys chat about ESbuild, Webpack, and Webpacker.[00:22:44] How important is it to target ES5?[00:27:36] Konnor shares his thoughts on something Jason brings up with splitting out the CSS part of things to be a separate process and letting a bundler just bundle JavaScript.[00:31:34] Konnor tells us more about Import Maps.[00:34:58] The conversation takes a turn to Web Components, what a Web Component is, and we hear about the new Lit Web Component.   [00:38:24] If you want to get more Lit, find out how to start, and what you would use the Web Component for. [00:41:02] If you want to install a package, add a custom element and it's there, and you can style it, Andrew wonders how Rails Developers can start taking advantage of this or if it's something we should continue to watch. ,[00:43:09] Andrew mentions a bunch of Web Components on GitHub that are being used by a lot of people, and Konnor tells us about a package they have called Catalyst.[00:46:24] Konnor explains how his experience with Web Components helped him with getting a job at Microsoft, and Andrew shares advice on finding a job. [00:52:02] If you're a Junior Developer, Konnor, Jason, and Andrew share some fantastic tips for you. [00:58:12] Find out where you can follow Konnor on the internet.Panelists:Jason CharnesAndrew MasonGuest:Konnor RogersSponsor:HoneybadgerLinks:Konnor Rogers TwitterStimulus Reflex DiscordGoRails project DiscordRemote Ruby Podcast-Episode 122: Skypack and Snowpack with Fred SchottBunVite RubyEstimator-GitHub[Feature] alias option for path Resolve #38-esbuildLit Web ComponentsLitCatalyst-GitHubgithub-elementsRuby Radar NewsletterRuby Radar Twitter

How To Code Well
166 - 5 ways to Speed up Cypress automation tests

How To Code Well

Play Episode Listen Later Jul 21, 2022 24:44


Changelog Lots of JavaScript package upgrades have been made to the frontend of howtocodewell.net including TailwindCSS, PostCSS, Webpack and Node itself. I've decided to use PostCSS over Less and I'm seeing much faster results when generating the CSS The plan for next week is to look at composer package upgrades as well as progressing with the staging deployment In my contracting space I have been doing a lot of PHP 5.6, 7.4 and Angular work News/Articles Being on call sucks by Bobbie Chen https://bobbiechen.com/blog/2022/7/20/being-on-call-sucks Testing links in Cypress by Filip Hric https://filiphric.com/testing-links-with-cypress Enabling typescript in Symfony Webpack encore https://symfony.com/doc/current/frontend/encore/typescript.html How to secure applications on Kubernetes (SSL TLS certificates) by AVM Consulting Blog https://medium.com/avmconsulting-blog/how-to-secure-applications-on-kubernetes-ssl-tls-certificates-8f7f5751d788 How to speed up Cypress automation tests by FeldsparTech https://www.feldspartech.com/post/how-to-speed-up-cypress-automation-tests How to speed up Cypress tests In general Discover how slow your tests are to start begin with Don't speed up your tests if you don't need too Work on the tests that take the longest. List all tests that take over x seconds/minutes and work on those A small improvement can give you big gains in the long run Only test what you need too and when you need too Cypress Group similar tests together into a single test Separate tests that don't need state, change of state or require a fixed state Pay attention on the before and beforeEach hooks Disable the video and screenshot creation on automatic builds Enable video and screenshot creation on manual/nightly builds

HTML All The Things - Web Development, Web Design, Small Business
Does Website Speed Really Matter? Bun, Node.js, Vite, Webpack

HTML All The Things - Web Development, Web Design, Small Business

Play Episode Listen Later Jul 13, 2022 68:39


Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week, Matt and Mike discussed the importance (or lack thereof) of website performance. We all know that Google PageSpeed Insights are used frequently across the industry, but are all those changes necessary? Should you spend time optimizing things that only change your load time by a second or two?

Laravel News Podcast
Faster asset compilation, faster pagination, and query correlation

Laravel News Podcast

Play Episode Listen Later Jul 12, 2022 36:47


Jake and Michael discuss all the latest Laravel releases, tutorials, and happenings in the community.This episode is sponsored by Honeybadger - combining error monitoring, uptime monitoring and check-in monitoring into a single, easy to use platform and making you a DevOps hero. Show links Vite is now the default frontend asset bundler for Laravel applications Speeding towards Vite, Shifty workbenches, and documenting your applications with JMac The state of Laravel survey 2022 Laravel A/B testing and feature flag package A package for onboarding users in Laravel apps Fast paginate for Laravel Encrypt and decrypt Eloquent model fields in Laravel apps Add comments to correlate user code with SQL queries in Laravel Eloquent attribute casting Moving your Laravel app from Webpack to Vite Speed up your CI builds with Airdrop

devtools.fm
Zack Jackson - Module Federation

devtools.fm

Play Episode Listen Later May 13, 2022 75:43 Transcription Available


This week we dive into a fascinating new concept in web development: Module Federation.Join us with Zack Jackson, the creator of module federation, to discuss where it started, how it works, and all the cool uses cases it unlocks.

Modernize or Die ® Podcast - CFML News Edition
Modernize or Die® - CFML News Podcast for May 10th, 2022 - Episode 147

Modernize or Die ® Podcast - CFML News Edition

Play Episode Listen Later May 10, 2022 44:56


2022-05-10 Weekly News - Episode 147Watch the video version on YouTube at https://youtu.be/Z4JmOKQVGIU Hosts: Eric Peterson - Senior Developer at Ortus SolutionsDaniel Garcia - Senior Developer at Ortus SolutionsThanks to our Sponsor - Ortus SolutionsThe makers of ColdBox, CommandBox, ForgeBox, TestBox and all your favorite box-en out there. A few ways  to say thanks back to Ortus Solutions: Like and subscribe to our videos on YouTube.  Help ORTUS reach for the Stars - Star and Fork our Repos Star all of your Github Box Dependencies from CommandBox with https://www.forgebox.io/view/commandbox-github  Subscribe to our Podcast on your Podcast Apps and leave us a review Sign up for a free or paid account on CFCasts, which is releasing new content every week Buy Ortus's Book - 102 ColdBox HMVC Quick Tips and Tricks on GumRoad (http://gum.co/coldbox-tips)  Patreon SupportGoal 1 - We have 36 patreons providing 100% of the funding for our Modernize or Die Podcasts via our Patreon site: https://www.patreon.com/ortussolutions. Goal 2 - We are 46% of the way to fully fund the hosting of ForgeBox.io PATREON SPONSORED JOB POSTING!New Sponsor Hagerty - MotorSportReg2 Job Opportunities for Senior Software Engineer, Motorsport - more in the job section.Brian Ghidinelli - Hagerty MotorsportReg talks about his company and their roles available.See the Video or Listen to the AudioNews and AnnouncementsINTO THE BOX - First Workshops AnnouncedConfirmed Workshops Async Programming & Scheduling Containerizing & Scaling Your Applications Legacy Code Conversion To The Modern World! TestBox: Getting started with BDD-TDD Oh My! Help us decide on the other workshops CommandBox CLI Scripting/Productivity Up and Running with Quick VueJs SPA and Mobile App with Rest APIs https://www.ortussolutions.com/blog/into-the-box-2022-first-workshops-announced/CFWheels Guides Moved to GitBookWe are glad to announce that the CFWheels Guides have been moved to GitBook.com. The good folks at GitBook are proud to support CFWheels and have granted us an Open Source Community account. We have migrated all the guides from our old provider to GitBook and will be making some more changes as we review all the links now that the domain has been switched.https://cfwheels.org/blog/cfwheels-guides-moved-to-gitbook/New Releases and UpdatesICYMI - Lucee 5.3.9.131 Released Last week the stable release of Lucee 5.3.9 was made available. Available in CommandBox and from the Lucee Downloads Sitehttps://download.lucee.org/Brad releases some Community posts on Issues reported - Lucee 5.3.9 losing sessions over HTTP2 SSLhttps://community.ortussolutions.com/t/lucee-5-3-9-losing-sessions-over-ssl/9229ICYMI - CommandBox v5.5.0 and v5.5.1 releasedCommandBox 5.5.0 was released. We found some issues due to a last minute change, we rolled out a 5.5.1 patch yesterday, that seems to solve that initial issue.https://www.ortussolutions.com/blog/commandbox-551-released/ICYMI - CommandBox Docker v3.5.0 Images ReleasedToday we are pleased to announce the release of version 3.5.0 of our CommandBox Docker images, which contains significant upgrades to the underlying CommandBox engine.Most significantly, this release upgrades the CommandBox binary to 5.5.1, which uses Lucee 5.3.9 as the underlying CFML engine. In addition, this release changes the underlying base image over to use the eclipse-temurin image builds, as the adoptopenjdk builds are being sunsetted. With this change, the underlying Debian version changes to use Ubuntu 20.0.0 (focal). As such, some custom installs in Dockerfiles may need updates to available packages from this distro.https://www.ortussolutions.com/blog/commandbox-docker-v350-images-released ColdFusion 2021 and 2018 May Security UpdatesWe are pleased to announce that we have released the updates for the following ColdFusion versions: ColdFusion (2021 release) Update 4 ColdFusion (2018 release) Update 14 Note: The ColdFusion Add-Ons and lockdown installers are also refreshed. The refreshed installers are available at ColdFusion downloads.https://coldfusion.adobe.com/2022/05/coldfusion-2021-and-2018-may-security-updates/ICYMI - ColdBox Elixir v4 ReleasedHot off the presses, ColdBox Elixir v4 is now available on NPM. This is a massive upgrade under the hood, but it shouldn't require any API changes if you are using just Elixir methods. (If you are customizing Webpack directly, you may need to make additional changes.) Please check out the Migration Guide for help upgrading.https://www.ortussolutions.com/blog/coldbox-elixir-v4-released/ cbElasticSearch v2.3.0 ReleasedWe are pleased to announce the release of cbElasticsearch version 2.3.0. cbElasticsearch is the Elasticsearch module for the Coldbox platform, and provides a fluent CFML API for interacting with, searching, and serializing to Elasticsearch servers.This release includes documentation updates and and enhancements to core functions of the Document, SearchBuilder and IndexBuilder components, as well as additional error handling for async tasks.https://www.ortussolutions.com/blog/cbelasticsearch-230-released/ICYMI - CFWheels 2.3.0-rc.1 ReleasedView the changelog at https://cfwheels.org/blog/cfwheels-2-3-0-rc-1/WEBINARS / MEETUPS AND WORKSHOPSOrtus Webinar - May - Clearing the Fuzzies on Fuzzy Search with Michael BornMay 27th 2022: Time 11:00 AM Central Time ( US and Canada )Take a walk through the world of search in this webinar which will show why your database search is not smart enough, explain the basics of how fuzzy search works, and show how to use CBElasticsearch to bring the power of fuzzy searching to your CF application.https://us02web.zoom.us/meeting/register/tZIqd-6ppz0qGtGPJxmywPST06e74ExsmshB/ View all Webinars: https://www.ortussolutions.com/events/webinars Online ColdFusion Meetup - “Code Reuse in ColdFusion - Is Spaghetti Code still Spaghetti if it is DRY?” with Gavin PickinThursday, May 12 20229:00 AM to 10:00 AM PDTFind out the difference between DRY code and WET code, and what one is better, and more importantly, WHY.We write code once, but we read it over and over again, maintaining our code is 90% of the job... code reuse is our friend. You are already Re-using code, even if you didn't know you were.We'll learn about the different types of Code Reuse in ColdFusion, and the pros and cons of each.https://www.meetup.com/coldfusionmeetup/events/285524970/ Adobe WorkshopsJoin the Adobe ColdFusion Workshop to learn how you and your agency can leverage ColdFusion to create amazing web content. This one-day training will cover all facets of Adobe ColdFusion that developers need to build applications that can run across multiple cloud providers or on-premiseTUESDAY, MAY 14, 20229:00 AM CETAdobe ColdFusion WorkshopDamien Bruyndonckx (Brew-en-dohnx) https://workshop-cf.meetus.adobeevents.com/ WEDNESDAY, JUNE 22, 20229:00 AM CETAdobe ColdFusion WorkshopDamien Bruyndonckx (Brew-en-dohnx) https://adobe-cf-workshop.meetus.adobeevents.com/ FREE :)Full list - https://meetus.adobeevents.com/coldfusion/ CFCasts Content Updateshttps://www.cfcasts.comNews Several ITB 2021 Videos are now Free so you can watch them and get in the mood for ITB 2022. https://cfcasts.com/series/into-the-box-2021  All of the Publish Your First ForgeBox Package Videos are now Free Just Released Gavin Pickin - Publish Your First ForgeBox Package Logging into ForgeBox Onlinehttps://cfcasts.com/series/publish-your-first-forgebox-package/videos/logging-into-forgebox-online Publish a Package via ForgeBox.iohttps://cfcasts.com/series/publish-your-first-forgebox-package/videos/publish-a-package-via-forgebox 2022 ForgeBox Module of the Week Series - 3 Videos and Countinghttps://cfcasts.com/series/2022-forgebox-modules-of-the-week 2022 VS Code Hint tip and Trick of the Week Series - 3 Videos and Countinghttps://cfcasts.com/series/2022-vs-code-hint-tip-and-trick-of-the-week  Coming Soon More… Gavin Pickin - Publish Your First ForgeBox Package LogBox 101 More ForgeBox and VS Code Podcast snippet videos Conferences and TrainingDockerCon - THIS WEEKMay 10, 2022Free Online Virtual ConferenceDockerCon will be a free, immersive online experience complete with Docker product demos , breakout sessions, deep technical sessions from Docker and our partners, Docker experts, Docker Captains, our community and luminaries from across the industry and much more. Don't miss your chance to gather and connect with colleagues from around the world at the largest developer conference of the year. Sign up to pre-register for DockerCon 2022!https://www.docker.com/dockercon/ MS BuildMay 24-26, 2022Come together at Microsoft Build May 24–26 2022, to explore the latest innovations in code and application development—and to gain insights from peers and experts from around the world.Regional Spotlights, One on One bookings available and more.https://mybuild.microsoft.com/en-US/home Ioniconf  (Free Online Ionic conference)May 25, 2022Join us for a full day of talks from experts and leaders in the web community, showing how the web is pushing the boundaries of mobile app development. Get insights on the latest web libraries, frameworks, and tools that are empowering web developers to build stunning mobile and cross-platform apps using the power of the web.https://ionic.io/ioniconfUS VueJS ConfFORT LAUDERDALE, FL • JUNE 8-10, 2022Beach. Code. Vue.Workshop day: June 8Main Conference: June 9-10https://us.vuejs.org/Speakers and Schedule Announced https://us.vuejs.org/schedule/ THAT ConferenceHowdy. We're a full-stack, tech-obsessed community of fun, code-loving humans who share and learn together.We geek-out in Texas and Wisconsin once a year but we host digital events all the time.WISCONSIN DELLS, WI / JULY 25TH - 28TH, 2022A four-day summer camp for developers passionate about learning all things mobile, web, cloud, and technology.https://that.us/events/wi/2022/ Our very own Daniel Garcia is speaking there https://that.us/activities/sb6dRP8ZNIBIKngxswIt Adobe Developer Week 2022July 18-22, 2022Online - Virtual - FreeThe Adobe ColdFusion Developer Week is back - bigger and better than ever! This year, our experts are gearing up to host a series of webinars on all things ColdFusion. This is your chance to learn with them, get your questions answered, and build cloud-native applications with ease.Note: Speakers listed are 2021 speakers currently - check back for updateshttps://adobe-coldfusion-devweek-2022.attendease.com/registration/form CF SummitIn person at Las Vegas, NV in October 2022!Official-”ish” dates:Oct 3rd & 4th - CFSummit ConferenceOct 5th - Adobe Certified Professional: Adobe ColdFusion Certification Classes & Testshttps://twitter.com/MarkTakata/status/1511210472518787073VueJS Forge June 29-30thOrganized by Vue School_The largest hands-on Vue.js EventTeam up with 1000s of fellow Vue.js devs from around the globe to build a real-world application in just 2 days in this FREE hackathon-style event.Make connections. Build together. Learn together.Sign up as an Individual or signup as a company (by booking a call)https://vuejsforge.com/Into The Box 2022Solid Dates - September 6, 7 and 8, 2022One day workshops before the two day conference!Early bird pricing available until April 30, 2022Conference Website:https://intothebox.orgITB 2021 Videos - Several videos are now Free so you can watch them and get in the mood for ITB 2022. https://cfcasts.com/series/into-the-box-2021 Into the Box Latam 2022Tentative dates - Dec 1-2CFCampNo CFCAMP 2022, we're trying again for summer 2023TLDR is that it's just too hard and there's too much uncertainty right now.Heading into winter with a date around October is less than ideal from a Covid point of viewat the same time hotels in Germany have already removed the "no questions asked" cancellation policies. So, yeah - that's not great. And then there's a war going on 2 countries down the road, which adds at least some economic uncertainties and concerns about sanctions, people willing to travel and spend money on events etc. Then there is all of the general annoyances around international travel - the organizers are being very careful and "wanting to do everything to avoid international travel for anyone when running an event" side of things when it comes to Covid.So, a lot of energy would have to be spent on making the event safe enough from our own point of view… so best to wait until hopefully Summer 2023More conferencesNeed more conferences, this site has a huge list of conferences for almost any language/community.https://confs.tech/Blogs, Tweets, and Videos of the Week5/10/22 Tweet - Charlie Arehart - Shame on you, Adobe!Shame on you, Adobe! Following on my earlier post, I've learned these May 2022 #coldfusion updates DO NOT include any bug fixes--for things that have plagued us since the Sept 2021 updates. Worse, they remove special hotfixes if added. See my comment here: https://twitter.com/carehart/status/1524070239973089283 https://twitter.com/careharthttps://coldfusion.adobe.com/2022/05/coldfusion-2021-and-2018-may-security-updates/#comment-471585/4/22 Blog - Mark Takata - Adobe - Comparing Adobe ColdFusion Enterprise API Manager to 3rd Party OptionsOne of the big myths about ColdFusion Enterprise is how “expensive” it is. Now, it could be argued that any programming language that costs more than $0 is “expensive”, as generally languages are free to use.But, of course, Adobe ColdFusion isn't “just” a language. It is an entire ecosystem of functionality, including an incredibly useful administrator, performance monitoring toolkit and (if you use Enterprise), the API Manager.Many folks have covered the fantastic features of the API Manager, but what is talked about less is what someone might use instead of API Manager. I'm going to look at a few common 3rd party tools and compare the costs.https://coldfusion.adobe.com/2022/05/comparing-adobe-coldfusion-enterprise-api-manager-to-3rd-party-options/5/5/22 Blog - James Moberg - Identifying Random Uploaded Form FilesThe benefit to this approach is that it returns a single struct containing keys that match all form "file" field names with extra information identifying the original filename, type, size and temporary file path. Enjoy!https://dev.to/gamesover/identifying-random-uploaded-form-files-57n75/6/22 Blog - Brad Wood - Java regression and UndertowIn the most recent updates of Java 8 u333 and 11.0.15, there was a regression introduced that affects the XNIO libraries that power Undertow, which CommandBox uses. This issue appears to only affect Windows. If you are getting any of the error messages here, the TL; DR; is simply to update to CommandBox 5.5.1, where we have a workaround already in place.https://community.ortussolutions.com/t/java-regression-and-undertow/92285/6/22 Blog - Brad Wood - Lucee 5.3.9 losing sessions over SSLIf you've started using Lucee 5.3.9 for your CommandBox servers (which is the new default in CommandBox 5.5) and you have SSL enabled, you may have noticed your session scope getting lost in your application as well as the Lucee administrator.https://community.ortussolutions.com/t/lucee-5-3-9-losing-sessions-over-ssl/92295/6/22 Blog - Brad Wood - CommandBox 5.5 and injecting models into Task RunnersCommandBox 5.5 has a lot of new features, but there are just as many bug fixes and improvements. Sometimes these tickets unintentionally change some internal behavior you may have been depending on, but was never guaranteed.One such change that caught a couple people out was that the underlying “web root” that Lucee uses under the covers changed from the folder box.exe was started in to the root of your drive (C:/ or / in *nix). This was done for a handful of reasons, one of which being a super annoying Lucee bug where it's literally impossible to create a CF mapping that points to / on Linux.https://community.ortussolutions.com/t/commandbox-5-5-and-injecting-models-into-task-runners/9230https://xkcd.com/1172/CFML JobsSeveral positions available on https://www.getcfmljobs.com/Listing over 76 ColdFusion positions from 44 companies across 37 locations in 5 Countries.1 new job listedFull-Time - Senior Application Developer UK at Remote - United Kingdom - Work with Adam CameronMay 03https://www.getcfmljobs.com/jobs/index.cfm/united-kingdom/Sr-AppDeveloper-RemoteUK/11463 PATREON SPONSORED JOB POSTING!Hagerty - MotorSportRegSenior Software Engineer, MotorsportWe are seeking a Senior Software Engineer to work primarily with Node/Vue.js, ColdFusion, and AWS to improve our platform and build greenfield experiences.We are a 25-person team supporting 1,600 organizations with our SaaS CRM, commerce and event management platform. With 8,000 events managed in our marketplace annually by our customers, our goal is to be the number one software platform for automotive and motorsport events.Ready to get in the driver's seat? Join us!https://bit.ly/3985J3U Other Job Links Ortus Solutionshttps://www.ortussolutions.com/about-us/careers  Consortium Inchttps://www.dice.com/jobs/detail/-/10183574/7322396  There is a jobs channel in the cfml slack team, and in the box team slack now too ForgeBox Module of the WeekCommandBox Task Local Model ResolverA simple module that allows Task Runners to inject CFCs from the shell's working dir. This module listens to the beforeInstanceAutowire interception point in WireBox and looks for any propery injections whose DSL matches the name of a CFC in the shell's working directory. This allows a Task Runner to inject a CFC in the working directory without creating a mapping for it.https://forgebox.io/view/commandbox-task-local-model-resolverVS Code Hint Tips and Tricks of the WeekVScode CounterVS Code extension: counts blank lines, comment lines, and physical lines of source code in many programming languages.This extension uses other language extensions to determine the line of code. Therefore, you may need to install the language extension to support a new language.Conversely, as the number of language extensions increases, the range of support for this feature also increases.https://marketplace.visualstudio.com/items?itemName=uctakeoff.vscode-counter Thank you to all of our Patreon SupportersThese individuals are personally supporting our open source initiatives to ensure the great toolings like CommandBox, ForgeBox, ColdBox,  ContentBox, TestBox and all the other boxes keep getting the continuous development they need, and funds the cloud infrastructure at our community relies on like ForgeBox for our Package Management with CommandBox. You can support us on Patreon here https://www.patreon.com/ortussolutions Don't forget, we have Annual Memberships, pay for the year and save 10% - great for businesses. Bronze Packages and up, now get a ForgeBox Pro and CFCasts subscriptions as a perk for their Patreon Subscription. All Patreon supporters have a Profile badge on the Community Website All Patreon supporters have their own Private Forum access on the Community Website https://community.ortussolutions.com/ PatreonsBrand new Big Patreon SponsorBrian Ghidinelli - Hagerty MotorsportReg  John Wilson - Synaptrix  Eric Hoffman Gary Knight Mario Rodrigues Giancarlo Gomez David Belanger Dan Card Jonathan Perret Jeffry McGee - Sunstar Media Dean Maunder Joseph Lamoree Don Bellamy Jan Jannek Laksma Tirtohadi  Carl Von Stetten Jeremy Adams Didier Lesnicki Matthew Clemente Daniel Garcia Scott Steinbeck - Agri Tracking Systems Ben Nadel  Brett DeLine Kai Koenig Charlie Arehart Jonas Eriksson Jason Daiger Shawn Oden Matthew Darby Ross Phillips Edgardo Cabezas Patrick Flynn Stephany Monge John Whish Kevin Wright Peter Amiri You can see an up to date list of all sponsors on Ortus Solutions' Websitehttps://ortussolutions.com/about-us/sponsors ★ Support this podcast on Patreon ★

Modernize or Die ® Podcast - CFML News Edition
Modernize or Die® - CFML News Podcast for May 3rd, 2022 - Episode 146

Modernize or Die ® Podcast - CFML News Edition

Play Episode Listen Later May 3, 2022 61:12


2022-05-03 Weekly News - Episode 146Watch the video version on YouTube at https://youtu.be/SjSH5ASDg58 Hosts: Gavin Pickin - Senior Developer at Ortus Solutions Dan Card - Senior Developer at Ortus Solutions Thanks to our Sponsor - Ortus SolutionsThe makers of ColdBox, CommandBox, ForgeBox, TestBox and all your favorite box-en out there. A few ways  to say thanks back to Ortus Solutions: Like and subscribe to our videos on YouTube.  Help ORTUS reach for the Stars - Star and Fork our Repos Star all of your Github Box Dependencies from CommandBox with https://www.forgebox.io/view/commandbox-github  Subscribe to our Podcast on your Podcast Apps and leave us a review Sign up for a free or paid account on CFCasts, which is releasing new content every week Buy Ortus's Book - 102 ColdBox HMVC Quick Tips and Tricks on GumRoad (http://gum.co/coldbox-tips) Patreon SupportWe have 35 patreons providing 92% of the funding for our Modernize or Die Podcasts via our Patreon site: https://www.patreon.com/ortussolutions. News and EventsNew Into the Box Dates Announced - 100% finalized!!! Set in stone and signed in blood!Ortus Solutions is happy to announce we have new finalized dates for Into the Box 2022 and the venue. Into the Box 2022 will be hosted in Houston Texas, Tuesday September 6th through Thursday September 8th, 2022. The conference will be at a new venue, the Houston CityPlace Marriott at Springwoods Village.Why did we change the dates? Ortus Solutions decided to change the dates for you, the community!Ortus Solutions is a company that at the end of the day, wants what is best for the ColdFusion community. Ortus Solutions provides content, tools, trainings, conferences, support and development, but we all thrive when the ColdFusion community thrives, and that means more events, bigger events, more opportunities for speakers and attendees, so moving our conference was the smart move, for everyone.https://www.ortussolutions.com/blog/new-dates-for-into-the-box-2022-and-why-we-changed-them/ Since we moved dates for ITB 2022 - We extended the Call for Speaker Deadline - April 30, 2022!!!Since we had to make changes to the schedule, we wanted to make sure every community member had the opportunity to submit their proposal.Into the Box will be live in Houston in September 2022.We have 20+ speakers submit talks, with over 50 topics, so it will be hard to make a decision.Although the deadline passed, the form hasn't be disabled just yet, so if you want to sneak one in, do it now, sssssh secret squirrel.https://forms.gle/HR1vQf2T5rs8yCZo9https://intothebox.orgAdobe Announced Adobe Developer Week 2022July 18-22, 2022Online - Virtual - FreeThe Adobe ColdFusion Developer Week is back - bigger and better than ever! This year, our experts are gearing up to host a series of webinars on all things ColdFusion. This is your chance to learn with them, get your questions answered, and build cloud-native applications with ease.Note: Speakers listed are 2021 speakers currently - check back for updateshttps://adobe-coldfusion-devweek-2022.attendease.com/registration/form Releases and UpdatesLucee 5.3.9.131 Released Last week the stable release of Lucee 5.3.9 was made available. Available in CommandBox and from the Lucee Downloads Sitehttps://download.lucee.org/CommandBox v5.5.0 and v5.5.1 releasedCommandBox 5.5.0 was released. We found some issues due to a last minute change, we rolled out a 5.5.1 patch yesterday, that seems to solve that initial issue.https://www.ortussolutions.com/products/commandboxCommandBox Docker v3.5.0 Images ReleasedToday we are pleased to announce the release of version 3.5.0 of our CommandBox Docker images, which contains significant upgrades to the underlying CommandBox engine.Most significantly, this release upgrades the CommandBox binary to 5.5.1, which uses Lucee 5.3.9 as the underlying CFML engine. In addition, this release changes the underlying base image over to use the eclipse-temurin image builds, as the adoptopenjdk builds are being sunsetted. With this change, the underlying Debian version changes to use Ubuntu 20.0.0 (focal). As such, some custom installs in Dockerfiles may need updates to available packages from this distro.https://www.ortussolutions.com/blog/commandbox-docker-v350-images-released ColdBox Elixir v4 ReleasedHot off the presses, ColdBox Elixir v4 is now available on NPM. This is a massive upgrade under the hood, but it shouldn't require any API changes if you are using just Elixir methods. (If you are customizing Webpack directly, you may need to make additional changes.) Please check out the Migration Guide for help upgrading.https://www.ortussolutions.com/blog/coldbox-elixir-v4-released/ CFWheels 2.3.0 Release CandidateThis version has been cooking for a while and there have been many contributors. But since this is my first release a the helm with a new CI pipeline in place, I felt more comfortable doing a Release Candidate first.https://cfwheels.org/blog/cfwheels-2-3-0-rc-1/ Webinars Meetups and WorkshopsICYMI - Online ColdFusion Meetup - "Updating the Java underlying ColdFusion", with Charlie ArehartThursday, April 28, 20229:00 AM to 10:00 AM PDTRecording: https://www.youtube.com/watch?v=AqeYME2LcEk&list=PLG2EHzEbhy0-QirMKgSxhjkUyTSSTvHjL Meetup: https://www.meetup.com/coldfusionmeetup/events/285508327/?response=3ICYMI - Ortus Webinar - April - cbSecurity: Passwords, Tokens, and JWTs with Eric PetersonApril 29th 202211:00 AM Central Time (US and Canada)Learn how to integrate cbSecurity into your application whether you are using passwords, API tokens, JWTs, or a combination of all three!More Webinars: https://www.ortussolutions.com/events/webinars Recording: https://cfcasts.com/series/ortus-webinars-2022/videos/eric-peterson-on-cbsecurity:-passwords,-tokens,-and-jwts ICYMI - Hawaii ColdFusion Meetup Group - Using ColdFusion ORMs with Nick KwiatkowskiFriday, April 29, 20224:00 PM to 5:00 PM PDTThe ColdFusion language introduced the concept of ORM (Object Relation Mappings) to allow developers to be able to do database work without having to write database-dependent SQL.Meetup: https://www.meetup.com/hawaii-coldfusion-meetup-group/events/285109975/ Recording: https://hawaiicoldfusionusergroup.adobeconnect.com/pzrdao87tg4m/?fbclid=IwAR2pP94dj-qr73vRTWn_lwizIGaYFLOqzPvWC6OKIIIJv4nwH-0eoNobJ1Q Ortus Webinar - May - Clearing the Fuzzies on Fuzzy Search with Michael BornMay 27th 2022: Time 11:00 AM Central Time ( US and Canada )Take a walk through the world of search in this webinar which will show why your database search is not smart enough, explain the basics of how fuzzy search works, and show how to use CBElasticsearch to bring the power of fuzzy searching to your CF application.https://us02web.zoom.us/meeting/register/tZIqd-6ppz0qGtGPJxmywPST06e74ExsmshB/ View all Webinars: https://www.ortussolutions.com/events/webinars Online ColdFusion Meetup - “Code Reuse in ColdFusion - Is Spaghetti Code still Spaghetti if it is DRY?” with Gavin PickinThursday, May 12 20229:00 AM to 10:00 AM PDTFind out the difference between DRY code and WET code, and what one is better, and more importantly, WHY.We write code once, but we read it over and over again, maintaining our code is 90% of the job... code reuse is our friend. You are already Re-using code, even if you didn't know you were.We'll learn about the different types of Code Reuse in ColdFusion, and the pros and cons of each.https://www.meetup.com/coldfusionmeetup/events/285524970/ Adobe WorkshopsJoin the Adobe ColdFusion Workshop to learn how you and your agency can leverage ColdFusion to create amazing web content. This one-day training will cover all facets of Adobe ColdFusion that developers need to build applications that can run across multiple cloud providers or on-premiseTUESDAY, MAY 14, 20229:00 AM CETAdobe ColdFusion WorkshopDamien Bruyndonckx (Brew-en-dohnx) https://workshop-cf.meetus.adobeevents.com/ WEDNESDAY, JUNE 22, 20229:00 AM CETAdobe ColdFusion WorkshopDamien Bruyndonckx (Brew-en-dohnx) https://adobe-cf-workshop.meetus.adobeevents.com/ FREE :)Full list - https://meetus.adobeevents.com/coldfusion/ CFCasts Content Updateshttps://www.cfcasts.comNews Several ITB 2021 Videos are now Free so you can watch them and get in the mood for ITB 2022 - https://cfcasts.com/series/into-the-box-2021  All of the Publish Your First ForgeBox Package Videos are now Free Just Released Eric Peterson on cbSecurity: Passwords, Tokens, and JWTs https://cfcasts.com/eric-peterson-on-cbsecurity:-passwords,-tokens,-and-jwts  Gavin Pickin - Publish Your First ForgeBox Package Using the Package commands https://cfcasts.com/series/publish-your-first-forgebox-package/videos/using-the-package-commands  Publish a package via the CLIhttps://cfcasts.com/series/publish-your-first-forgebox-package/videos/publish-a-package-via-the-cli Coming Soon More… Gavin Pickin - Publish Your First ForgeBox Package 2 New Series - Individual Videos ForgeBox Module of the Week VS Code Hint Tip and Trick of the Week Conferences and TrainingDockerConMay 10, 2022Free Online Virtual ConferenceDockerCon will be a free, immersive online experience complete with Docker product demos , breakout sessions, deep technical sessions from Docker and our partners, Docker experts, Docker Captains, our community and luminaries from across the industry and much more. Don't miss your chance to gather and connect with colleagues from around the world at the largest developer conference of the year. Sign up to pre-register for DockerCon 2022!https://www.docker.com/dockercon/ MS BuildMay 24-26, 2022Come together at Microsoft Build May 24–26 2022, to explore the latest innovations in code and application development—and to gain insights from peers and experts from around the world.Regional Spotlights, One on One bookings available and more.https://mybuild.microsoft.com/en-US/home US VueJS ConfFORT LAUDERDALE, FL • JUNE 8-10, 2022Beach. Code. Vue.Workshop day: June 8Main Conference: June 9-10https://us.vuejs.org/Adobe Developer Week 2022July 18-22, 2022Online - Virtual - FreeThe Adobe ColdFusion Developer Week is back - bigger and better than ever! This year, our experts are gearing up to host a series of webinars on all things ColdFusion. This is your chance to learn with them, get your questions answered, and build cloud-native applications with ease.Note: Speakers listed are 2021 speakers currently - check back for updateshttps://adobe-coldfusion-devweek-2022.attendease.com/registration/form THAT ConferenceHowdy. We're a full-stack, tech-obsessed community of fun, code-loving humans who share and learn together.We geek-out in Texas and Wisconsin once a year but we host digital events all the time.WISCONSIN DELLS, WI / JULY 25TH - 28TH, 2022A four-day summer camp for developers passionate about learning all things mobile, web, cloud, and technology.https://that.us/events/wi/2022/ Our very own Daniel Garcia is speaking there https://that.us/activities/sb6dRP8ZNIBIKngxswIt CF SummitIn person at Las Vegas, NV in October 2022!Official-”ish” dates:Oct 3rd & 4th - CFSummit ConferenceOct 5th - Adobe Certified Professional: Adobe ColdFusion Certification Classes & Testshttps://twitter.com/MarkTakata/status/1511210472518787073VueJS Forge June 29-30thOrganized by Vue School_The largest hands-on Vue.js EventTeam up with 1000s of fellow Vue.js devs from around the globe to build a real-world application in just 2 days in this FREE hackathon-style event.Make connections. Build together. Learn together.Sign up as an Individual or signup as a company (by booking a call)https://vuejsforge.com/Into The Box 2022Dates set in stone, blood, you name itSolid Dates - September 6, 7 and 8, 2022One day workshops before the two day conference!Early bird pricing available until April 30, 2022Call for Speakers - Extended until April 30, 2022 ISH or they shut the form offhttps://forms.gle/HR1vQf2T5rs8yCZo9Conference Website:https://intothebox.orgITB 2021 Videos - Several videos are now Free so you can watch them and get in the mood for ITB 2022. https://cfcasts.com/series/into-the-box-2021 Into the Box Latam 2022Tentative dates - Dec 1-2CFCampNo CFCAMP 2022, we're trying again for summer 2023TLDR is that it's just too hard and there's too much uncertainty right now.So, a lot of energy would have to be spent on making the event safe enough from our own point of view… so best to wait until hopefully Summer 2023More conferencesNeed more conferences, this site has a huge list of conferences for almost any language/community.https://confs.tech/Blogs, Tweets, and Videos of the Week5/3/22 Blog - Adam Cameron - Work with me here - revisitedBack in Jan I posted "Work with me here". Once again we are growing our team, and the equivalent job has opened again (this is in addition to the successful hire we made after the January round, not "instead of ~" ;-).So if you're in the UK, and fancy leveraging your existing strong (strong) CFML skills to get into a position where we'll migrate your capabilities to Kotlin, this could be a good opportunity.https://blog.adamcameron.me/2022/05/work-with-me-here-revisited.html 5/3/22 Blog - Ben Nadel - Considering Approaches To Handling MySQL Key Conflicts In Lucee CFMLRelational databases are magical. And, as I've become more experienced as a software engineer, I've begun to lean more heavily on the database as a means to enforce data integrity (with UNIQUE KEY constraints) and to drive idempotent workflows. That said, I'm still trying to figure out where in the software stack it makes sense to put all the finer details. As such, I wanted to take a moment and consider my options for handling key conflicts in MySQL and Lucee CFML.https://www.bennadel.com/blog/4259-considering-approaches-to-handling-mysql-key-conflicts-in-lucee-cfml.htm 5/3/22 - Blog - Peter Amiri - CFWheels - CFWheels 2.3.0-rc.1 ReleasedThis version has been cooking for a while and there have been many contributors. But since this is my first release a the helm with a new CI pipeline in place, I felt more comfortable doing a Release Candidate first.https://cfwheels.org/blog/cfwheels-2-3-0-rc-1/ 5/2/22 Blog - Adam Cameron - CFML: with Lucee, true isn't necessarily the same as trueYesterday I decided to improve my "Tiny Test Framework". I wrote an article about developing the first iterationof this as a TDD exercise six or so months ago: "TDD: writing a micro testing framework, using the framework to test itself as I build it". I use this framework on trycf.com, so I can include tests in my code samples. The first iteration of this only had the one toBe matcher, and yesterday I decided to add in toBeTrue, toBeFalse and toThrow: just to make my sample code on trycf a bit clearerhttps://blog.adamcameron.me/2022/05/cfml-with-lucee-true-isnt-necessarily.html 5/2/22 - Blog - Eric Peterson - Ortus Solutions - ColdBox Elixir v4 ReleasedHot off the presses, ColdBox Elixir v4 is now available on NPM. This is a massive upgrade under the hood, but it shouldn't require any API changes if you are using just Elixir methods. (If you are customizing Webpack directly, you may need to make additional changes.) Please check out the Migration Guide for help upgrading.https://www.ortussolutions.com/blog/coldbox-elixir-v4-released/ 5/2/22 - Blog - Ben Nadel - For Consideration: An ArrayFrom() Function In ColdFusionIn my previous post, I took a look at the Array.sublist() method in ColdFusion; and, demonstrated that in order to use it safely you have to create a copy of the .sublist() result. This got me thinking about JavaScript and the Array.from() method. The Array.from() method allows you to create shallow copies of other arrays and Array-like values. Would it be worth having something like an arrayFrom() built-in function (BIF) in ColdFusion? https://www.bennadel.com/blog/4258-for-consideration-an-arrayfrom-function-in-coldfusion.htm 5/2/22 - Blog - Ben Nadel - Safely Using Array.sublist() To Generate Slices In Lucee CFMLThe other day, in the comments of my post on the performance overhead of arraySlice() in Lucee CFML, Brad Wood mentioned that it would be much faster to dip down into the Java layer and use ArrayList.sublist(). But then, in the comments of the Lucee Jira ticket, Pothys Ravichandran cautioned that .sublist() actually returns a wrapper to the original array, not a new array. As such, mutating the results of the .sublist() call would not be safe. That said, we can easily generate a new ColdFusion array from the .sublist() result in Lucee CFML to keep things running smoothly.https://www.bennadel.com/blog/4257-safely-using-array-sublist-to-generate-slices-in-lucee-cfml.htm 5/1/22 - Tweet - Scott Steinbeck - CFDocs GoodiesSome goodies added to cfdocs.com #cfml #lucee #Opensource https://t.co/v5DYIuconu https://t.co/N0RFWu8O4R https://t.co/iy4aVkGFwnhttps://t.co/mrwULlbWoh https://twitter.com/uniquetrio2000/status/1520548007157985280 https://twitter.com/uniquetrio20004/29/22 - Blog - Peter Amiri - CFWheels - CFWheels Fully Embraces ForgeBox PackagesAs you may know, many years ago CFWheels embraced the distribution of Plugins via ForgeBox packages instead of maintaining our own directory. But the framework itself remains illusive. There was some work done in the last few months to put up packages for the framework but those packages were being maintained by hand which made them a show stopper for a long term solution.Well, thanks to a new CI workflow based on GitHub Actions we now have the building and publishing of the packages fully automated. Giving credit where credit is due, the new workflow borrows heavily from the ColdBox workflow. It used GitHub Actions, Ant, and CommandBox to automate the process.https://cfwheels.org/blog/cfwheels-fully-embraces-forgebox-packages/ 4/27/22 - Blog - Ben Nadel - R.O.P.E. And Battling Post-Deployment DepressionYesterday morning, I enabled a feature-flag in production that quietly released a new feature to all of our InVision customers. This was the culmination of a week's worth of incremental builds and deployments. And while a week doesn't sound like a long time, every day leading up to it was exciting—every line of code that I wrote was exhilarating. And when it all finally went live, I was dropping party parrot and rocket ship emojis all over the place! But, when the dust settled, the post-deployment depression set in. As it always does.https://www.bennadel.com/blog/4256-r-o-p-e-and-battling-post-deployment-depression.htm 4/27/22 - Blog - Gavin Pickin - Ortus Solutions - New Dates for Into the Box 2022 and Why we changed themOrtus Solutions is happy to announce we have new finalized dates for Into the Box 2022 and the venue. Into the Box 2022 will be hosted in Houston Texas, Tuesday September 6th through Thursday September 8th, 2022. The conference will be at a new venue, the Houston CityPlace Marriott at Springwoods Village.Why did we change the dates? Ortus Solutions decided to change the dates for you, the community!https://www.ortussolutions.com/blog/new-dates-for-into-the-box-2022-and-why-we-changed-them/4/27/22 - Podcast - CFAlive - ACF and Lucee Roundtable, with Charlie Arehart, Gert Franz, Mark Drew and Ben NadelCharlie Arehart, Gert Franz, Mark Drew and Ben Nadel talk about “ACF and Lucee roundtable” in this episode of the CF Alive Podcast, with host Michaela Light.https://teratech.com/podcast/acf-and-lucee-roundtable-with-charlie-arehart-gert-franz-mark-drew-and-ben-nadel/ 4/27/22 - Podcast - Working Code Podcast - Episode 72: Wearing Too Many HatsThis week on the show, the crew discusses a topic submitted by Mingo Hagen: Do developers wear too many hats, do they spread themselves too thin, and does the work suffer because of it? There are clears benefits and drawbacks to wearing a lot of hats. Knowing a little bit about a lot of things can cut down on communication overhead and enable teams to move faster. But, without specialization, solutions will almost certainly be sub-optimal; and, "best practices" may not even be known to the engineer. Ideally, a team should consistent of both generalists and subject-matter experts (SME). This kind of balance creates a "healthy tension" that tempers perfectionism with pragmatism and keeps everyone moving forward at the right pace...https://www.bennadel.com/blog/4255-working-code-podcast-episode-72-wearing-too-many-hats.htm CFML JobsSeveral positions available on https://www.getcfmljobs.com/Listing over 75  ColdFusion positions from 43 companies across 36 locations in 5 Countries.0 new jobs listed this weekOther Job Links Ortus Solutionshttps://www.ortussolutions.com/about-us/careers Consortium Inchttps://www.dice.com/jobs/detail/-/10183574/7322396 Senior Application Developer UK with Easy Direct Debitshttps://www.easydirectdebits.co.uk/job/senior-application-developer-uk/ You'll be working with Adam Cameron https://blog.adamcameron.me/2022/05/work-with-me-here-revisited.html There is a jobs channel in the cfml slack team, and in the box team slack now too ForgeBox Module of the WeekCFWheels - EverythingCFWheels removed a couple of their old packages, changed things up and re-deployed all of their packages again. They have Fully Embraced ForgeBox Packages as it says so in their blog post. https://cfwheels.org/blog/cfwheels-fully-embraces-forgebox-packages/  Core - https://www.forgebox.io/view/cfwheelsBase Template - https://www.forgebox.io/view/cfwheels-base-template Hello Dynamic Template - https://www.forgebox.io/view/cfwheels-template-hellodynamic Hello Pages Template - https://www.forgebox.io/view/cfwheels-template-hellopages Hello World Template - https://www.forgebox.io/view/cfwheels-template-helloworld And many more plugins etcVS Code Hint Tips and Tricks of the WeekGitlab Workflow This extension integrates GitLab into Visual Studio Code. After you set up the extension, you can:View GitLab issues and merge requests. View issues, comments, merge requests, and changed files in the sidebar, or build a custom search to meet your needs. Create and review merge requests. Validate your GitLab CI/CD configuration locally with a command. Manage your pipelines. View your pipeline status and open the related merge request. With advanced pipeline actions, you can create, retry, or cancel a pipeline. Manage snippets. Create and insert snippets, and apply snippet patches. Browse a GitLab repository directly in Visual Studio Code without cloning it. Auto-complete GitLab CI/CD variables in your .gitlab-ci.yml pipeline file, and any file beginning with .gitlab-ci and ending with .yml or .yaml, like .gitlab-ci.production.yml. Big win: Supports multiple GitLab instances.https://marketplace.visualstudio.com/items?itemName=GitLab.gitlab-workflow Thank you to all of our Patreon SupportersThese individuals are personally supporting our open source initiatives to ensure the great toolings like CommandBox, ForgeBox, ColdBox,  ContentBox, TestBox and all the other boxes keep getting the continuous development they need, and funds the cloud infrastructure at our community relies on like ForgeBox for our Package Management with CommandBox. You can support us on Patreon here https://www.patreon.com/ortussolutions Bronze Packages and up, now get a ForgeBox Pro and CFCasts subscriptions as a perk for their Patreon Subscription. All Patreon supporters have a Profile badge on the Community Website All Patreon supporters have their own Private Forum access on the Community Website https://community.ortussolutions.com/  Annual Memberships, pay for the year and save 10% - great for businesses. Patreons John Wilson - Synaptrix  Eric Hoffman Gary Knight Mario Rodrigues Giancarlo Gomez David Belanger Dan Card Jonathan Perret Jeffry McGee - Sunstar Media Dean Maunder Joseph Lamoree Don Bellamy Jan Jannek Laksma Tirtohadi Carl Von Stetten Jeremy Adams Didier Lesnicki Matthew Clemente Daniel Garcia Scott Steinbeck - Agri Tracking Systems Ben Nadel  Brett DeLine Kai Koenig Charlie Arehart Jonas Eriksson Jason Daiger Shawn Oden Matthew Darby Ross Phillips Edgardo Cabezas Patrick Flynn Stephany Monge John Whish Kevin Wright Peter Amiri You can see an up to date list of all sponsors on Ortus Solutions' Websitehttps://ortussolutions.com/about-us/sponsors ★ Support this podcast on Patreon ★

DevTalles
62- Piniva vs Vuex - Vite vs Webpack para Vue.js

DevTalles

Play Episode Listen Later Apr 24, 2022 38:47


En esta ocasión hablaremos sobre estas estas tecnologías para trabajar con Vue.js, pero desde mi experiencia de trabajar con Vue.js. --- Support this podcast: https://anchor.fm/fernando-her85/support

Programming By Stealth
PBS 137 of X — Bundling a Library with Webpack

Programming By Stealth

Play Episode Listen Later Apr 17, 2022 73:49


We have one more thing to learn as we gear up to actually start writing modern code for Bart's HSXKPasswd tool. The last piece of our tool kit is a bundler. In this installment Bart teaches what problems bundlers solve, and he explains why he chose the bundler Webpack for our project. After learning about Webpack, Bart takes us through a worked example, bundling the Joiner module we've been working on through this part of the series. When we're done, we'll have an ES6 bundle and a Universal Module Defnition (UMD) bundle to cover both modern and more legacy needs. In the episode you'll hear me say that the exercise hit errors, and after the show we diagnosed the problem and fixed the shownotes so have no worries about that! You can, as always, find Bart's fabulous show note tutorial for this installment at pbs.bartificer.net/...It's Showtime

Chit Chat Across the Pond
CCATP #724 – Bart Busschots on PBS 137 of X — Bundling a Library with Webpack

Chit Chat Across the Pond

Play Episode Listen Later Apr 17, 2022 73:49


We have one more thing to learn as we gear up to actually start writing modern code for Bart's HSXKPasswd tool. The last piece of our tool kit is a bundler. In this installment Bart teaches what problems bundlers solve, and he explains why he chose the bundler Webpack for our project. After learning about Webpack, Bart takes us through a worked example, bundling the Joiner module we've been working on through this part of the series. When we're done, we'll have an ES6 bundle and a Universal Module Defnition (UMD) bundle to cover both modern and more legacy needs. In the episode you'll hear me say that the exercise hit errors, and after the show we diagnosed the problem and fixed the shownotes so have no worries about that! You can, as always, find Bart's fabulous show note tutorial for this installment at pbs.bartificer.net/...It's Showtime

Remote Ruby
Taylor Otwell, creator of the Laravel Framework

Remote Ruby

Play Episode Listen Later Mar 11, 2022 54:09


[00:01:12] We start with Taylor explaining where Laravel came from.  [00:03:32] Taylor tells us what Laravel 1.0 looks like and more about validations happening at the controller layer.[00:07:18] After version 1 comes out, Jason asks Taylor if he's still at the trucking company and what the reception was like in the community.[00:11:16] We learn how the transition went for Taylor from working at UserScape and making Laravel his full-time job. [00:13:44] Taylor explains how he split his time between working on Forge and working on the framework itself.[00:15:13] Jason asks how the whole Rails framework on Lambda came about and what some of the technical challenges were.[00:17:02] We find out how Taylor makes code so appealing. [00:18:47] Jason brings up how there are a lot of first party packages in Laravel and asks Taylor if this blossomed over the years or if he realized he wanted all these things just baked into the framework.[00:23:39] Chris likes how Forge came out Taylor building his own stuff, and Taylor explains how the Ruby and JavaScript communities have such a wider variety of talented programmers. [00:26:09] We find out about what led Taylor into building Forge, Envoyer, Laravel Spark, Laravel Cashier, and Laravel Nova.[00:28:21] Find out what Taylor's favorite Laravel package is.[00:30:11] Taylor gives us examples of how Rails has influenced Laravel. [00:32:04] Chris wonders is Taylor was familiar with a lot of stuff when he started Laravel or if there's was a lot of learning along the way.[00:36:45] Jason asks Taylor about Laravel Mix, a wrapper around Webpack, and he explains how front-end development in the Laravel world and Rails world is in a period of exploration.[00:42:57] Find out about the Laravel Documentary that just came out! [00:45:01] What's next for Laravel?[00:47:43] If you want to try Laravel, find out the easiest way to get started, and Taylor tells us how starting his own business has been and the challenges.[00:53:45] Find out where you can follow Taylor online.Panelists:Jason CharnesChris OliverAndrew MasonGuest:Taylor OtwellSponsor:Hook RelayLinks:Ruby Radar NewsletterRuby Radar TwitterTaylor Otwell TwitterTaylor Otwell LinkedInTaylor Otwell GitHubLaravelUserScapeLaraConGetting Real: The Smarter, Faster, Easier Way to Build a Successful Web Application by Jason Fried, David Heinemeier Hansson and Matthew LindermanLaravel MixVue.js Documentary (YouTube)Laravel SailLaravel Origins: The Documentary (OfferZen)

The React Show
What are React Server Components and Why They're Awesome!

The React Show

Play Episode Listen Later Feb 18, 2022 56:55


Upcoming in a React release is React Server Components. No, they aren't just Server-Side Rendering. In fact, they are quite different and quite powerful in their own way. In this episode we learn about React Server Components and discuss how they could be used in applications of the future.LinksEpisode PageTwitter Owl CreekTwitter Thomas HintzYouTubeResourceshttps://blog.plasmic.app/posts/how-react-server-components-work/https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.htmlhttps://vercel.com/blog/everything-about-react-server-componentshttps://www.patterns.dev/posts/react-server-components/https://blog.bitsrc.io/react-server-components-1ca621ac2519Show NotesOverviewPerformance, Load Time, Etc Critical for success53% of users abandon a website if it takes more than 3 seconds to loadUsers are not interested in using apps that have poor performance, don't feel rightSo many ways to tackle the problem, what method to pick?Bundle Optimization with Webpack, etc.Performance Audits in AppServer Side RenderingWhat are React Server Components?Before RSC, all components were rendered in the browser...With RSC, parts of the React Tree can be rendered by the browser, and other parts are rendered on the server.How is it different than Server Side Rendering?What are the main benefits of using React Server Components?How do React Server Components work?component.server.jsx, component.client.jsx , component.jsx Client Components cannot import Server Components, only regular or Server components can.Server Components can import Client components and Server components, and then within that, you can nest Server Components under Client Components.Lifecycle of a React Server ComponentServer receives request to renderServer serializes root component element to JSONBrowser reconstructs the React treeHow can we get started implementing?Vanilla React Implementationreact-server-dom-webpackNextjs ExperimentalShopify Hydrogen