POPULARITY
Topics: - Oculus requires connection to Facebook now - Winamp 2 was remade in HTML5: webamp.org (it has skin support!) - Epic says Apple threatens ‘catastrophic’ response in two weeks if Fortnite doesn’t comply with rules - Google Meet comes to TVs thanks to Chromecast - "Cloud" revenue is now bigger than Dell, HPE, Lenovo and Cisco COMBINED
Panel: Charles Max Wood AJ ONeal Aimee Knight Joe Eames Special Guests: Jordan Eldredge In this episode, the JavaScript Jabber panelists discuss Winamp2-js with Jordan Eldredge. Jordan is the creator of Winamp2-js and was inspired to create this media player from the old Winamp media player that he used back in the day. They talk about the importance of limitations, the value of having fun side projects, and pushing the boundaries. They also touch on skin parsing, making Webamp an electron app, and more! In particular, we dive pretty deep on: What is Winamp2-js? The history and future of Winamp WACUP Winamp was the first big mp3 player that you could style Webamp’s features and the technical challenges associated with them Why JavaScript? Creative solutions Limitations of browser and creating something that previously existed The importance of limitations Hadn’t done very much JavaScript prior to this project Originally created with jQuery Led him into a career in JavaScript Pushing the boundaries Skin parsing “Bitrot” and making Winamp skins accessible again The value of side projects, even stupid ones Architecture docs What made you choose React and Redux? Spotiamp (Soptify’s canceled Winamp client) Making Webamp an Electron app Winamp visualizers being ported to the web The domain name webamp.org And much, much more! Links: Winamp2-js Webamp JavaScript jQuery Architecture docs React Redux jordaneldredge.com Jordan’s GitHub @captbaritone Sponsors Kendo UI FreshBooks Loot Crate Picks: Charles JAM XT Speaker Trello AJ Samson GoMic Greenlock for Web Servers Greenlock for Node.js Aimee KA Engineering Principles Joe 2ality.com What if JavaScript wins? Medium post Jordan JavaScript Garden Rust @winampskins
Panel: Charles Max Wood AJ ONeal Aimee Knight Joe Eames Special Guests: Jordan Eldredge In this episode, the JavaScript Jabber panelists discuss Winamp2-js with Jordan Eldredge. Jordan is the creator of Winamp2-js and was inspired to create this media player from the old Winamp media player that he used back in the day. They talk about the importance of limitations, the value of having fun side projects, and pushing the boundaries. They also touch on skin parsing, making Webamp an electron app, and more! In particular, we dive pretty deep on: What is Winamp2-js? The history and future of Winamp WACUP Winamp was the first big mp3 player that you could style Webamp’s features and the technical challenges associated with them Why JavaScript? Creative solutions Limitations of browser and creating something that previously existed The importance of limitations Hadn’t done very much JavaScript prior to this project Originally created with jQuery Led him into a career in JavaScript Pushing the boundaries Skin parsing “Bitrot” and making Winamp skins accessible again The value of side projects, even stupid ones Architecture docs What made you choose React and Redux? Spotiamp (Soptify’s canceled Winamp client) Making Webamp an Electron app Winamp visualizers being ported to the web The domain name webamp.org And much, much more! Links: Winamp2-js Webamp JavaScript jQuery Architecture docs React Redux jordaneldredge.com Jordan’s GitHub @captbaritone Sponsors Kendo UI FreshBooks Loot Crate Picks: Charles JAM XT Speaker Trello AJ Samson GoMic Greenlock for Web Servers Greenlock for Node.js Aimee KA Engineering Principles Joe 2ality.com What if JavaScript wins? Medium post Jordan JavaScript Garden Rust @winampskins
Panel: Charles Max Wood AJ ONeal Aimee Knight Joe Eames Special Guests: Jordan Eldredge In this episode, the JavaScript Jabber panelists discuss Winamp2-js with Jordan Eldredge. Jordan is the creator of Winamp2-js and was inspired to create this media player from the old Winamp media player that he used back in the day. They talk about the importance of limitations, the value of having fun side projects, and pushing the boundaries. They also touch on skin parsing, making Webamp an electron app, and more! In particular, we dive pretty deep on: What is Winamp2-js? The history and future of Winamp WACUP Winamp was the first big mp3 player that you could style Webamp’s features and the technical challenges associated with them Why JavaScript? Creative solutions Limitations of browser and creating something that previously existed The importance of limitations Hadn’t done very much JavaScript prior to this project Originally created with jQuery Led him into a career in JavaScript Pushing the boundaries Skin parsing “Bitrot” and making Winamp skins accessible again The value of side projects, even stupid ones Architecture docs What made you choose React and Redux? Spotiamp (Soptify’s canceled Winamp client) Making Webamp an Electron app Winamp visualizers being ported to the web The domain name webamp.org And much, much more! Links: Winamp2-js Webamp JavaScript jQuery Architecture docs React Redux jordaneldredge.com Jordan’s GitHub @captbaritone Sponsors Kendo UI FreshBooks Loot Crate Picks: Charles JAM XT Speaker Trello AJ Samson GoMic Greenlock for Web Servers Greenlock for Node.js Aimee KA Engineering Principles Joe 2ality.com What if JavaScript wins? Medium post Jordan JavaScript Garden Rust @winampskins
Jordan Eldredge joined the show to talk with us about Winamp2-js — a reimplementation of Winamp 2.9 in HTML5 and Javascript. For many of our listeners, talking about Winamp may bring to mind some extreme nostalgia about the internet of the past … and it’s certainly that way for Jerod and I. Jordan started this project in 2014 and it’s what ultimately got the attention of some folks at Facebook, where he now works on Nuclide. We shared stories about Winamp back in the day, actually listening to music as an mp3, the technical hurdles and learning Jordan has experienced, skinning it, playlists, making it a frontend for Spotify – which is so ironic to actually say. Also, Jerod has been hacking it via livestream on Twitch to add it as an alternate audio player on Changelog.com.
Jordan Eldredge joined the show to talk with us about Winamp2-js — a reimplementation of Winamp 2.9 in HTML5 and Javascript. For many of our listeners, talking about Winamp may bring to mind some extreme nostalgia about the internet of the past … and it’s certainly that way for Jerod and I. Jordan started this project in 2014 and it’s what ultimately got the attention of some folks at Facebook, where he now works on Nuclide. We shared stories about Winamp back in the day, actually listening to music as an mp3, the technical hurdles and learning Jordan has experienced, skinning it, playlists, making it a frontend for Spotify – which is so ironic to actually say. Also, Jerod has been hacking it via livestream on Twitch to add it as an alternate audio player on Changelog.com.
Panel: Charles Max Wood Nader Dabit Kent C Dodds Cory House In this episode of React Round Up, the panel discusses advanced component patterns and Downshift. They talk about different component patterns, especially render prop patters, and the fact that Downshift allows for your components to be much more useful generally for more people. They also note that the render prop patterns can help to separate logic from view, which makes things easier to develop. In particular, we dive pretty deep on: Component patterns Downshift Egghead course What makes it advanced? Requires taking a step back and think about your components a little differently Is there a React Native version? React Render prop patterns Code abstraction or code re-use Why Downshift is powerful Can use regular HTML and CSS with Downshift Allows you to be in charge of rendering What other places is the render prop pattern useful? What is the benefit of using a react component over a JS component? Awesome React Render Props GitHub Repo Downshift is highly accessible jQuery UI @MarcySutton Render props reduce the amount of opinion that component has Choosing render props gives the consumer more power as well as more responsibility Render props are best used with open source projects And much, much more! Links: React Dev Summit Downshift Egghead Course React Native React Awesome React Render Props GitHub Repo jQuery UI @MarcySutton Kent’s GitHub Kent’s Website (with links to courses) Picks: Charles Kent’s blog Hogwarts Battle Board Game Take time to write leisure code Sign up for React Dev Summit with code KentCDodds for 10% off Cory Manorisms YouTube Videos Kent React Component Component Winamp2-js His Newsletter Beyond React 16 by Dan Abramov
Panel: Charles Max Wood Nader Dabit Kent C Dodds Cory House In this episode of React Round Up, the panel discusses advanced component patterns and Downshift. They talk about different component patterns, especially render prop patters, and the fact that Downshift allows for your components to be much more useful generally for more people. They also note that the render prop patterns can help to separate logic from view, which makes things easier to develop. In particular, we dive pretty deep on: Component patterns Downshift Egghead course What makes it advanced? Requires taking a step back and think about your components a little differently Is there a React Native version? React Render prop patterns Code abstraction or code re-use Why Downshift is powerful Can use regular HTML and CSS with Downshift Allows you to be in charge of rendering What other places is the render prop pattern useful? What is the benefit of using a react component over a JS component? Awesome React Render Props GitHub Repo Downshift is highly accessible jQuery UI @MarcySutton Render props reduce the amount of opinion that component has Choosing render props gives the consumer more power as well as more responsibility Render props are best used with open source projects And much, much more! Links: React Dev Summit Downshift Egghead Course React Native React Awesome React Render Props GitHub Repo jQuery UI @MarcySutton Kent’s GitHub Kent’s Website (with links to courses) Picks: Charles Kent’s blog Hogwarts Battle Board Game Take time to write leisure code Sign up for React Dev Summit with code KentCDodds for 10% off Cory Manorisms YouTube Videos Kent React Component Component Winamp2-js His Newsletter Beyond React 16 by Dan Abramov