Summary: <p><strong>Panel: </strong></p> <ul> <li>Sia Karamalegos</li> <li>Lucas Reis</li> </ul> <p><strong>Special Guests:</strong> Jordan Eldredge</p> <p>In this episode, the React Round Up panelists talk to Jordan Eldredge about his project <a href="https://webamp.org/">Webamp</a>. Jordan’s first introduction to programming had to do with music which led him to work both as a singer to now being an engineer. They talk about how common it is for programmers to have diverse backgrounds, especially in front-end developers, what Webamp and <a href="http://www.winamp.com/">Winamp</a> are, and what he originally wrote Webamp in. they also touch on his inspiration for creating this project, his journey in creating Webamp, and more!</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Jordan intro</li> <li>Studied music (opera) in college</li> <li>Forced himself to learn PHP and <a href="https://www.mysql.com/">MySQL</a> </li> <li>Common in front-end developing to have people with diverse backgrounds</li> <li>Why do you think it’s so common to have diverse backgrounds?</li> <li>Front-end web development is very young</li> <li>Self-taught developers</li> <li>What is <a href="https://webamp.org/">Webamp</a>?</li> <li>Reimplementation of <a href="http://www.winamp.com/">Winamp</a> in <a href="https://www.javascript.com/">JavaScript</a> </li> <li>What is Winamp?</li> <li>What did you originally write Webamp in?</li> <li>What was the inspiration for creating Webamp?</li> <li>CSS Sprites</li> <li>Wanting to recreate Winamp skins</li> <li> <a href="https://jquery.com/">jQuery</a> originally</li> <li>Rewrote in “vanilla” JavaScript</li> <li>The process of learning real JavaScript</li> <li>Managing transitions VS managing state</li> <li> <a href="https://reactjs.org/">React</a> with <a href="https://redux.js.org/">Redux</a> </li> <li>Do you believe your struggle with “vanilla” JS made you more aware of what React really brings?</li> <li><a href="https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367"><em>You Might Not Need Redux</em> by Dan Abramov</a></li> <li>How did you deal with the audio API?</li> <li>The thing he loves about side-projects</li> <li>Not having a deadline</li> <li>Using a Redux middleware</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://webamp.org/">Webamp</a></li> <li><a href="https://www.mysql.com/">MySQL</a></li> <li><a href="http://www.winamp.com/">Winamp</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://jquery.com/">jQuery</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367"><em>You Might Not Need Redux</em> by Dan Abramov</a></li> <li><a href="https://jordaneldredge.com/">Jordaneldredge.com</a></li> <li><a href="https://twitter.com/captbaritone?lang=en">@captbaritone</a></li> <li><a href="https://github.com/captbaritone">Jordan’s GitHub</a></li> </ul> <p><strong>Sponsors</strong></p> <ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_medium=cpm&utm_source=adventuresinng&utm_campaign=dt-kendo-ang2-nov16&utm_content=audio">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/">Digital Ocean </a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&utm_source=pbm&utm_medium=affiliate-program&utm_influencer=419364&utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>Sia</p> <ul> <li><a href="https://www.google.com/docs/about/">Google Docs</a></li> </ul> <p>Lucas</p> <ul> <li><a href="https://timingapp.com/">Timing App</a></li> </ul> <p>Jordan</p> <ul> <li><a href="https://twitter.com/winampskins">@winampskins</a></li> <li><a href="https://inspiring.online/">Inspiring Online</a></li> <li><a href="https://getwacup.com/">WACUP</a></li> </ul>
