React Round Up

In this episode of React Round Up, Glen Maddern joins us to talk about a new tool he’s been working on called Frontend Application Bundles, or FABs. We chat about how FABs allow you to write server-side logic in a vendor-agnostic way, as well as some of the other interesting problems FABs solve. Panel Paige Niedringhaus TJ VanToll Carl Mungazi Guest Glen Maddern Links Cloudflare Workers Frontend Application Bundles (FABs) NPM FAB Remix Picks Glen Maddern: The discovery of GIF animation Paige Niedringhaus: The Deno Handbook TJ VanToll: Fort Magic Carl Mungazi: Calibre Basic virtual-dom algorithm Matt-Esch virtual-dom Follow React Round Up on Twitter > @reactroundup  

In this episode of React Round Up, Carson Farmer joins us to talk about the decentralized web. We discuss what the decentralized web actually is, and some interesting new way the web could work. Panel Paige Niedringhaus TJ VanToll Guest Carson Farmer Sponsors G2i | Enjoy the luxuries of freelancing React Native Remote Conf 2020 Links IPFS Textile CRDT ThreadDB Carson’s “Bring Your Own Data” talk Filecoin Picks Carson Farmer: Follow Carson on Twitter > @carsonfarmer Let my People go surfing IPFS: interplanetary file system on Reddit   TJ VanToll: Recoil David McCabe’s talk about Recoil at React Europe Paige Niedringhaus: Killing Eve Follow React Round Up on Twitter > @reactroundup

Functional programming can be tricky to start with, especially in TypeScript aps. In today’s show, Robin Pokorny shares tips on how to start with functional programming, and how you can integrate functional programming into the apps you’re building today. He also shares tips on libraries to help make functional programming with TypeScript easier, including fp-ts. Panel TJ VanToll Guest Robin Pokorny Sponsors G2i | Enjoy the luxuries of freelancing React Native Remote Conf 2020 Links fp-ts Redux Elm io-ts Pragmatic Bookshelf: By Developers, For Developers Picks Robin Pokorny: Follow Robin on Twitter > @robinpokorny Cracking the Cryptic signup-form-react-native-web - CodeSandbox TJ VanToll: Oculus Quest AltspaceVR | Be there, together. Follow React Round Up on Twitter > @reactroundup

Dr. Meghna Srivastava joins React Round Up to share how she transitioned from a dentist in her native country of India to a software developer today in Berlin, Germany. Although she practiced for a few years after graduating dental school, Meghna wasn't completely satisfied with her career choice, and things at work began to feel stale to her. At the same time, she saw the flexibility her partner enjoyed as a backend developer, and began dabbling in Python to see if coding might be something she was interested in pursuing as well. Fast forward a year, and Meghna found herself in Germany due to her partner's job, and unemployed, giving her the time she needed to really focus on learning to code, and she discovered she enjoyed JavaScript's browser-focused interactions more than backend languages. Then she progressed on to the React framework as she began to build up her portfolio. Panel Charles Max Wood Paige Niedringhaus TJ VanToll Guest Meghna Srivastava Sponsors G2i | Enjoy the luxuries of freelancing React Native Remote Conf 2020   Links freeCodeCamp.org Codecademy Online Courses - Learn Anything, On Your Schedule | Udemy #100DaysOfCode Picks Meghna Srivastava: Follow Meghna on Twitter > @hellomeghna Into the Night (TV Series 2020 Charles Max Wood: Traffic Secrets One Funnel Away DotCom Secrets Expert Secrets TJ VanToll: "The Great" Series Paige Niedringhaus: Malazan Book of the Fallen Follow React Round Up on Twitter > @reactroundup

React Native Remote Conf July 28th to 31th Brice Ayres is a Youtube video author talking about programming and React. This is a wide ranging conversation across the spectrum of React tools, libraries like react-bootstrap, and the state of styling and state management in React. Panel Charles Max Wood Paige Niedringhaus TJ VanToll Carl Mungazi Guest Brice Ayres Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Ant Design BEM Picks Brice Ayres: Follow Brice on Twitter > @codelife_io, Youtube phoenix_live_view Charles Max Wood: Board Game Arena React Native Remote Conference 2020 Paige Niedringhaus: Houseparty app TJ VanToll: SF Bay Coffee Carl Mungazi: A visual guide to React Mental models | Obed Parlapiano Follow React Round Up on Twitter > @reactroundup

Front end developer Maksim Ivanov talks about working for Mojang, the company behind the ridiculously popular game Minecraft. As it turns out, Maksim uses React to build different pieces of the game, and runs the code through a custom renderer to make it work in the game world. In addition to his day job, he also found time to write a book about TypeScript after realizing how much easier getting familiar with new code bases could be if TypeScript was used instead of JavaScript. The panel has used TypeScript to varying degrees themselves, but nobody's gone all in, and they talk about the pros and cons of it, including the initial learning curve and how it can help prevent bugs in the code. Maksim's book covers many aspects of TypeScript in great detail, and it sounds like a good read for anyone just picking up the language. Panel Charles Max Wood Paige Niedringhaus TJ VanToll Guest Maksim Ivanov Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Custom Renderer react-game-engine - npm react-unity-webgl - npm gettext newline @tjfuller • Instagram React Hook Form Cheatsheets for experienced React developers getting started with TypeScript The RSpec Book TypeStrong Picks Maksim Ivanov: Follow Maksim on Youtube Harry Potter and the Methods of Rationality Charles Max Wood: Iron druid chronicles Percy Jackson Devchat.tv Remote meetups Devchat.tv Remote Conferences Paige Niedringhaus: The Name of the Wind TJ VanToll: OmniDiskSweeper, OmniWeb, and OmniPresence - The Omni Group https://rtmccormick.com/2018/01/10/clear-node-modules-folders-recursively-mac-linux/ Follow React Round Up on Twitter > @reactroundup

If you’ve tried using SVGs in your application, chances are you’ve found it tricky or difficult. In today’s show, Elizabet Oliviera shares some tips on how you can begin using SVGs to create scalable illustrations and animations. She also shares her experiences of building a library of SVG animations Panel Carl Mungazi Paige Niedringhaus TJ VanToll Guest Elizabet Oliveira Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Figma gregberge/svgr svg/svgo: Node.js tool for optimizing SVG files Exploring audio with React and SVGs: Create amazing audio projects - Elizabet Oliveira React Kawaii Picks Elizabet Oliveira: Follow Elizabet on Twitter > @miuki_miu, Github, LinkedIn Women of React Conf Paige Niedringhaus: Coolors - The super fast color schemes generator! Carl Mungazi: Excalidraw TJ VanToll: Tiger King Follow React Round Up on Twitter > @reactroundup

JavaScript Remote Conf 2020 May 13th to 15th - register now! Despite JavaScript being a single-threaded language, you can now leverage multi-threaded computing thanks to modern browser features such as web workers, workouts and service workers. In this show, Majid explains how these features work and what problems they solve. We also discuss the strategies you can use to introduce them to production codebases and give your users a much more enjoyable experience on your web app. Panel Paige Niedringhaus Carl Mungazi Charles Max Wood TJ VanToll Guest Majid Hajian Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Comlink makes WebWorkers enjoyable Workbox Figma The AssemblyScript Book Houdini: Demystifying CSS Picks Majid Hajian: Follow Majid on Twitter > @mhadaily Deep Work - Cal Newport Carl Mungazi: Off the Main Thread | The Web Platform Podcast Charles Max Wood: Natural Goat Milk Soaps for Healthy Skin — Goat Milk Stuff ‎Flip Timer & stopwatch on the App Store Desktop tripod Devchat.tv Remote meetups Devchat.tv Remote Conferences Paige Niedringhaus: DJI Phantom 4 Drone Ozark show on Netflix TJ VanToll: Goat-2-Meeting — Sweet Farm Follow React Round Up on Twitter > @reactroundup

JavaScript Remote Conf 2020 May 13th to 15th - register now! Vladimir Novick is a work from home veteran. He talks through the situation with COVID-19, having kids at home, and working from home. The rest of the panel chimes in and discusses their experience—some short and some long—working from home. Panel Charles Max Wood Paige Niedringhaus TJ VanToll Guest Vladimir Novick Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Enabling breakout rooms – Zoom Help Center Picks Vladimir Novick: Follow Vladimir on Twitter > @VladimirNovick, Twitch, Website Event Loop Krisp | Noise Cancelling App Keyboard Maestro Stream Deck Notion Charles Max Wood: ASUS 15.6" Full HD 1920x1080 IPS USB Portable Monitor The Chronicles of Narnia Adult Box Set Audiobookm Paige Niedringhaus: ShiftIt for Mac Tiger King on Netflix TJ VanToll: Twitch Follow React Round Up on Twitter > @reactroundup

JavaScript Remote Conf 2020 May 13th to 15th - register now! Paige Niedringhaus talks about the ever increasing need for developers and designers to be thinking about responsive web design as they build apps in today's world; a quick recap of a conference talk she gave at Connect.Tech, called 'Responsive Design featuring ReactJS'. Then, she talks about two possible solutions for making responsive web apps: CSS media queries and a new, React-specific NPM package called React Socks. Both options have their benefits and drawbacks (and can be used together too!), but getting started with either is relatively simple. Considering how many different ways users could be accessing our websites today and how important a good user experience is regardless of device size, responsive design is definitely worth investigating and incorporating into you own development going forward. Panel Charles Max Wood Guest Paige Niedringhaus Sponsors G2i | Enjoy the luxuries of freelancing ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links React Socks and Responsive Web Design With React - Better Programming - Medium react-socks npm notes Live site example Picks Paige Niedringhaus: Follow Paige on Twitter > @pniedri, Github, Medium Goliath TV Series Apple AirPods Pro Charles Max Wood: Devchat.tv Remote Meetups Devchat.tv Remote Conferences React Native Remote Conference Rich Dad's CASHFLOW Quadrant Follow React Round Up on Twitter > @reactroundup

JavaScript Remote Conf 2020 May 14th to 15th - register now! Patrick Stapfer from the Reason Association joins Charles Max Wood to talk about ReasonML, functional programming, and how it fits into the React ecosystem. ReasonML is a language built and maintained by Facebook and transpiled to JavaScript using the BuckleScript project. Patrick explains when to use Reason, how to get started, and the basics of using Reason. Panel Charles Max Wood Guest Patrick Stapfer Sponsors G2i | Enjoy the luxuries of freelancing ____________________________________________________________   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links https://reasonml.org ReasonML Playground GitHub - davidkpiano/xstate: State machines and statecharts for the modern web. Flow: A Static Type Checker for JavaScript Picks Patrick Stapfer: Follow Patrick on Twitter > @ryyppy Mindset: The New Psychology of Success: Dweck, Carol S.: 9780345472328: Amazon.com: Books Charles Max Wood: Star Trek: The Next Generation Devchat.tv Remote meetups Devchat.tv Conferences JavaScript Remote Conf 2020   Follow React Round Up on Twitter > @reactroundup

Get Mani's 10x Entrepreneurship Bundle of Book Summaries! Use the coupon code HUSTLE. Mani Vaya joins Charles Max Wood to talk about how developers can add the entrepreneur hat to the others they wear by starting a side gig. They discuss various ideas around entrepreneurship, the books they got them from, and how they've applied them in their own businesses. Panel: Charles Max Wood Guest: Mani Vaya Sponsors: G2i | Enjoy the luxuries of freelancing ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Picks: Mani Vaya: Good to Great The Lean Startup Charles Max Wood: Expert Secrets The Masked Singer Follow React Round Up on Twitter > @reactroundup

Charles Max Wood monologues about how to get what you want and making a plan. The main focus of his discussion is about sticking it out through the boring or lonely parts and continuing to work for the career and life you’re looking for. Panel Charles Max Wood Sponsors Springboard | Click here NOW for $500 off the course ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Picks JS Remote Conf Expert Secrets Chronicles of Narnia   Follow React Round Up on Twitter > @reactroundup

TJ VanToll hops on the Round Up to discuss when and where it makes sense to use open source UI components versus paying for them. The tradeoffs wind up being more subtle than you think. We dive into team make-up, pros and cons, and the approaches to making the right decision on which library to pick up. Panel: Thomas Aylott Charles Max Wood Guest: TJ VanToll Sponsors: Springboard | Click here NOW for $500 off the course G2i | Enjoy the luxuries of freelancing ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Reach UI Picks: TJ VanToll: Follow TJ on Twitter @tjvantoll, Github, Blog Stranger Things How Did This Get Made Thomas Aylott: OPT 9 Coin System exploration toy Objective Personality | Objective Personality Systems Charles Max Wood: The Expanse The Man In the High Castle   Follow React Round Up on Twitter > @reactroundup  

Travis Ralph works with With You With Me to help veterans transition from military service to IT jobs. He discusses the process of making the move from military service to software development, why they use React as part of their curriculum, and how to learn new skills. Panel: Thomas Aylott Carl Mungazi Charles Max Wood Guest: Travis Ralph Sponsors: Springboard | Click here NOW for $500 off the course ____________________________________________________________   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: RRU 095: Designing Your Life Amplify.io React & React Native Docs Offensive Security Certified Professional Picks: Thomas Aylott: Watchtower Online Library Carl Mungazi: React Libraries in 2020 - RWieruch Loupe Teach Yourself Computer Science Charles Max Wood: New Devchat.tv Podcast - Clean Coders Interview Cake (Affiliate link) Hero Wars Mobile Game Travis Ralph: Follow Travis on Twitter - @Wreckittr, LinkedIn With You With Me Amplify Web App Workshop Learn to Code for Free – Grasshopper