Summary: <p><strong>Panel: </strong></p> <ul> <li>Lucas Reis</li> <li>Nader Dabit</li> </ul> <p><strong>Special Guest:</strong> Radoslav Stankov<strong> </strong></p> <p>In this episode, the panelists talk with today’s guest, <a href="https://bg.linkedin.com/in/radoslavstankov">Radoslav Stankov</a>, who is a senior developer at Product Hunt. The panel and the guest talk about React, jQuery, Backbone, and much more! Check it out!</p> <p><strong>Show Topics:</strong></p> <p>0:00 – <a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&utm_source=devchattv&utm_campaign=kendo-ui-awareness-jsjabber">Kendo UI</a></p> <p>0:31 – Nader: Hello! Our guest today is <a href="https://bg.linkedin.com/in/radoslavstankov">Radoslav.</a></p> <p>4:02 – Nader: What is your role and what are your main responsibilities?</p> <p>4:10 – Guest answers.</p> <p>4:39 – Panel: Can you tell us the story of how you started to use React?</p> <p>4:55 – Guest: We started 4 years ago.</p> <p>The guest answers the question and mentions jQuery and Backbone.</p> <p>9:01 – Panel: That’s nice – so you are trying to use a simpler application but the React server still need to be separated right?</p> <p>9:14 – Guest: Yes, we tried to keep it as simple as possible.</p> <p>10:38 – Panel: How was the adoption of React and how painful was it? You mentioned that you were used Flux and others, so was it messy and complicated for you? Or was it easy for you?</p> <p>11:15 – Guest: It had its moments.</p> <p>16:03 – Nader: So what are some of the reasons why you would be messing around with service-side rendering?</p> <p>16:20 – The guest lists the reasons why they use it.</p> <p>18:07 – Nader: Interesting. It helps for mobile clients? What do you mean – is it for the people with slower connections?</p> <p>18:22 – Guest: Yes. The mobile plan can see the page. It can actually see how it’s rendered.</p> <p>19:53 – Panel: How do you detect that it’s a mobile request from the server?</p> <p>20:00 – Guest.</p> <p>31:04 – Panel: We wanted to make it much faster and started using Node and streaming the library. Instead of creating a big string and then sending back to the user we were using the function...It’s super cool. We started using 30% less resources once we’ve deployed. (Wow!) Yeah I know! When you stream then the Node can be smarter and streaming at the same time.</p> <p>32:03 – Guest.</p> <p>33:21 – Panel: Interesting thing about the streaming is that we were fetching data after it started. After it was streaming HTML it was already...</p> <p>38:21 – Nader: We talked about the WEB but you are all using REACT with mobile, too. Can you talk about how your company is using REACT? I know you’ve made things natively, too.</p> <p>38:40 – Guest: I bit of history first then I will answer the question.</p> <p>41:29 – Nader: Do you think the changes will happen in the right time to help with your fruition or no?</p> <p>41:45 – Guest answers.</p> <p>43:33 – How does the team manage working with all of these technologies? Does everyone have his or her own role?</p> <p>43:54 – Guest answers.</p> <p>48:03 – Panel: What are the drawbacks to that?</p> <p>48:10 – Guest answers.</p> <p>50:52 – Nader: Anything else?</p> <p>51:00 – Guest: I think we covered a lot of great topics!</p> <p><strong>Ads: </strong></p> <p><a href="https://www.freshbooks.com">FreshBooks!</a></p> <p><a href="https://devchat.tv/get-a-coder-job/">Get A Coder Job!</a></p> <p><a href="https://www.cachefly.com">Cache Fly!</a></p> <p><strong>Links:</strong></p> <ul> <li><a href="https://rubyonrails.org">Ruby on Rails</a></li> <li><a href="https://angular.io/guide/quickstart">Angular</a></li> <li><a href="https://www.javascript.com">JavaScript</a></li> <li><a href="https://elm-lang.org/community">Elm</a></li> <li><a href="https://phoenixframework.org">Phoenix</a></li> <li><a href="https://github.com">GitHub</a></li> <li><a href="https://devchat.tv/get-a-coder-job/">Get A Coder Job</a></li> <li><a href="https://devchat.tv/react-round-up/">React Round Up</a></li> <li><a href="https://bg.linkedin.com/in/radoslavstankov">Guest’s LinkedIn</a></li> <li><a href="https://gist.github.com/RStankov/f437fe75e60d9619200df1dc10241cac">Guest’s GitHubGist</a></li> <li><a href="https://reactjs.org/docs/hooks-intro.html">Introducing Hooks</a></li> <li><a href="https://philipwalton.com/articles/idle-until-urgent/">Idle Until Urgent</a></li> <li><a href="https://twitter.com/dabit3/status/1055852963141345281">Nader’s Tweet</a></li> </ul> <p><strong>Sponsors:</strong></p> <ul> <li><a href="https://devchat.tv/get-a-coder-job/">Get a Coder Job</a></li> <li><a href="https://www.cachefly.com">Cache Fly</a></li> <li><a href="https://www.freshbooks.com/?ref=ppc-na-fb&camp=US%2528SEM%2529Branded%257CEXM&ag=%257Efreshbooks&kw=fresh%2520books&campaignid=717543354&adgroupid=53169078638&kwid=kwd-299596828929&dv=c&ntwk=g&crid=289653575014&source=GOOGLE&gclid=EAIaIQobChMIwr_9ofSJ3gIVyrfACh1DkQVNEAAYASAAEgJIUvD_BwE&gclsrc=aw.ds&dclid=CPaQ6KX0id4CFUTcwAodvfQEcA">Fresh Books</a></li> <li><a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&utm_source=devchattv&utm_campaign=kendo-ui-awareness-jsjabber">Kendo UI</a></li> <li> </li> </ul> <p><strong>Picks:</strong></p> <p>Radoslav</p> <ul> <li><a href="https://medium.com/the-guild/getting-to-know-react-doms-event-handling-system-inside-out-378c44d2a5d0">Getting to know React DOM’s event handling system inside and out</a></li> <li> <a href="https://github.com/SaeedMalikx/React-Fiber-Architecture">React Fiber Architecture</a><br> <a href="https://nikgraf.github.io/react-hooks/">React Hooks</a> </li> <li><a href="http://react-not-a-conf.com">React.NotAConf</a></li> </ul> <p>Lucas</p> <ul> <li><a href="https://philipwalton.com/articles/idle-until-urgent/">Idle Until Urgent</a></li> <li><a href="https://reactjs.org/docs/hooks-intro.html">Introducing Hooks</a></li> </ul> <p>Nader</p> <ul> <li><a href="https://medium.com/open-graphql/react-hooks-for-graphql-3fa8ebdd6c62">Writing Custom React Hooks for GraphQL</a></li> <li><a href="https://twitter.com/dabit3/status/1056986109912043520">React Native Hooks</a></li> </ul>
