RRU 082: Progressive SSR with Dinesh Pandiyan
React Round Up8 Loka 2019

RRU 082: Progressive SSR with Dinesh Pandiyan

Dinesh Pandiyan is a developer from India. He started as a backend engineer and then moved to frontend. Currently he is working for ThinkMill in Sidney, Australia. Today Dinesh and the panel are talking about devtools and progressive SSR. Dinesh got started with React Redux. The panelists talk about their experiences using primarily Redux for projects. Dinesh talks about his transition from backend to frontend and how it’s a totally different world. On the backend he was working in Java and it ran on a server, but on the frontend, code runs in a browser and the browser is very different for each user. Frontend development is tricky because you don’t know where your code is going to run. One of the trickiest parts of frontend development is debugging something in production. Unless you have good logging tools, you won’t know what’s going on. Debugging this stuff when it’s running on client browsers is hard, but when you’re in development mode your own browser you’ve got handy tools. They talk about some of the tools in React, and agree that console.log is the greatest debugging tool of all time. Dinesh talks about some of the most surprising features about React dev tools. You can benchmark your preferences and identify weaklings in your project, which are things that slow down your application or things that might slow it down. On an application level, you have to build a mental model of how the data flows from the top, where things change, etc, and dev tools can help you build that pretty easily. They talk about how things had to be done before great React tools. In fact, Dinesh chose React just for the devtools. They talk about how the dev tools for React compare to Java. The most important thing is that you have a good debugger that can stop where you want it to. They transition to talking about the differences between SSR and progressive SSR For SSR (Server Side Rendering), rendering happens on the server and you send it to the client. CSSR (Client Server Side Rendering) is when all the rendering happens on the client’s side. PSSR (Progressive Server Side Rendering) is where you render small chunks on the server and then send it to the client bit by bit. They talk about how this has been occurring from the beginning of the internet. This concept is similar to microfrontends. Dinesh gives advice on how to implement PSSR. He says that when you surver render, it loads on differently. Your framework has to do one complete pass of the histiema, so this means you cannot send things to the client until the whole histema is designated. To beat this they’ve been doing a mix of SSR and CSR, with the header, body, and non critical content rendering on the client side. PSSR bridges the gap between SSR and CSSR. How do we make it real and how do we use it? The panel discusses ways to make PSSR a reality. Dinesh has been experimenting with it with extra services, and he gives his method for doing it, emphasizing the importance of where you divide your code is very important, it has to be in sequence. CSS Grid solves this problem, so you could render things out of order and the browser puts it in the right spot. They talk about other ways to get around it. Lucas shares some of the difficulties he’s encountered with streaming and rendering. They talk about the new feature for the Phoenix framework for Elixir, Live View Now. For this feature, you don’t need client side frameworks to generate dynamic content and it enables two way streaming. However, it does not scale well for extremely large apps. They talk about some of the tradeoffs for using this feature. They conclude by discussing the gap between website optimization and device performance. Panelists
  • Thomas Aylott
  • Dave Ceddia
  • Lucas Reis
With special guest: Dinesh Pandiyan Sponsors Links Follow DevChatTV on Facebook and Twitter Picks Lucas Reis: Thomas Aylott: Dinesh Pandiyan: David Ceddia: Special Guest: Dinesh Pandiyan.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Jaksot(310)

RRU 116: Building a Meet.up Competitor and Teaching React with Chris Achard

RRU 116: Building a Meet.up Competitor and Teaching React with Chris Achard

When meetup.com announced last year that it wanted to charge users $2 for using the platform, a number of users expressed their strong opposition to the proposal. Developer Chris Achard was one of them and he built meetingplace.io in response to users who were looking for alternatives. In today’s episode, Chris, who is also an egghead.io instructor, explains how he built an MVP in a week using Ruby, React and other technologies. He also shares his tips on how to find consulting jobs and teach others online. Panel Paige NiedringhausTJ VanTollCarl Mungazi Guest Chris Achard Sponsor CacheFly Links Meetingplace.ioDev.tohttps://recoiljs.org/ Picks Chris Achard: https://twitter.com/chrisachardA case study of how Chris used the Twitter thread educational posts to grow his following TJ VanToll: VergeCastReact Wednesdays on Twitch Paige Niedringhaus: Trakt.tvDEV Community – Google Play StoreApple App Store Carl Mungazi: Async pattern Follow React Round Up on Twitter > @reactroundupSpecial Guest: Chris Achard. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

1 Syys 202044min

RRU 115: Frontend Application Bundles with Glen Maddern

RRU 115: Frontend Application Bundles with Glen Maddern

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 NiedringhausTJ VanTollCarl Mungazi Guest Glen Maddern Links Cloudflare WorkersFrontend Application Bundles (FABs)NPM FABRemix Picks Glen Maddern: The discovery of GIF animation Paige Niedringhaus: The Deno Handbook TJ VanToll: Fort Magic Carl Mungazi: CalibreBasic virtual-dom algorithmMatt-Esch virtual-dom Follow React Round Up on Twitter > @reactroundup  Special Guest: Glen Maddern. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

25 Elo 202044min

RRU 114: Decentralized React: ThreadsDB, IPFS, Filecoin with Carson Farmer

RRU 114: Decentralized React: ThreadsDB, IPFS, Filecoin with Carson Farmer

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 NiedringhausTJ VanToll Guest Carson Farmer Sponsors G2i | Enjoy the luxuries of freelancingReact Native Remote Conf 2020 Links IPFSTextileCRDTThreadDBCarson’s “Bring Your Own Data” talkFilecoin Picks Carson Farmer: Follow Carson on Twitter > @carsonfarmerLet my People go surfingIPFS: interplanetary file system on Reddit   TJ VanToll: RecoilDavid McCabe’s talk about Recoil at React Europe Paige Niedringhaus: Killing Eve Follow React Round Up on Twitter > @reactroundupSpecial Guest: Carson Farmer. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

4 Elo 202051min

RRU 113: Typed Functional Programming in TypeScript with fp-ts with Robin Pokorny

RRU 113: Typed Functional Programming in TypeScript with fp-ts with Robin Pokorny

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 freelancingReact Native Remote Conf 2020 Links fp-tsReduxElmio-tsPragmatic Bookshelf: By Developers, For Developers Picks Robin Pokorny: Follow Robin on Twitter > @robinpokornyCracking the Crypticsignup-form-react-native-web - CodeSandbox TJ VanToll: Oculus QuestAltspaceVR | Be there, together. Follow React Round Up on Twitter > @reactroundupSpecial Guest: Robin Pokorny. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

21 Heinä 202049min

RRU 112: From Pulling Teeth to Pull Requests with Meghna Srivastava

RRU 112: From Pulling Teeth to Pull Requests with Meghna Srivastava

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 WoodPaige NiedringhausTJ VanToll Guest Meghna Srivastava Sponsors G2i | Enjoy the luxuries of freelancingReact Native Remote Conf 2020   Links freeCodeCamp.orgCodecademyOnline Courses - Learn Anything, On Your Schedule | Udemy#100DaysOfCode Picks Meghna Srivastava: Follow Meghna on Twitter > @hellomeghnaInto the Night (TV Series 2020 Charles Max Wood: Traffic SecretsOne Funnel AwayDotCom SecretsExpert Secrets TJ VanToll: "The Great" Series Paige Niedringhaus: Malazan Book of the Fallen Follow React Round Up on Twitter > @reactroundupSpecial Guest: Meghna Srivastava. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

7 Heinä 202050min

RRU 111: React Tools, Codebase Management, and More with Brice Ayres

RRU 111: React Tools, Codebase Management, and More with Brice Ayres

React Native Remote ConfJuly 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 WoodPaige NiedringhausTJ VanTollCarl 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 DesignBEM Picks Brice Ayres: Follow Brice on Twitter > @codelife_io, Youtubephoenix_live_view Charles Max Wood: Board Game ArenaReact 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 > @reactroundupSpecial Guest: Brice Ayres. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

23 Kesä 202046min

RRU 110: Game Development in React & Typescript with Maksim Ivanov

RRU 110: Game Development in React & Typescript with Maksim Ivanov

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 WoodPaige NiedringhausTJ 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 Rendererreact-game-engine - npmreact-unity-webgl - npmgettextnewline@tjfuller • InstagramReact Hook FormCheatsheets for experienced React developers getting started with TypeScriptThe RSpec BookTypeStrong Picks Maksim Ivanov: Follow Maksim on YoutubeHarry Potter and the Methods of Rationality Charles Max Wood: Iron druid chroniclesPercy JacksonDevchat.tv Remote meetupsDevchat.tv Remote Conferences Paige Niedringhaus: The Name of the Wind TJ VanToll: OmniDiskSweeper, OmniWeb, and OmniPresence - The Omni Grouphttps://rtmccormick.com/2018/01/10/clear-node-modules-folders-recursively-mac-linux/ Follow React Round Up on Twitter > @reactroundupSpecial Guest: Maksim Ivanov. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

9 Kesä 20201h 1min

RRU 109: SVGS in React with Elizabet Oliviera

RRU 109: SVGS in React with Elizabet Oliviera

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 MungaziPaige NiedringhausTJ 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 Figmagregberge/svgrsvg/svgo: Node.js tool for optimizing SVG filesExploring audio with React and SVGs: Create amazing audio projects - Elizabet OliveiraReact Kawaii Picks Elizabet Oliveira: Follow Elizabet on Twitter > @miuki_miu, Github, LinkedInWomen 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 > @reactroundupSpecial Guest: Elizabet Oliveira. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

26 Touko 202042min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
ostan-asuntoja-podcast
lakicast
rss-lahtijat
rss-laakispodi
oppimisen-psykologia
rss-bisnesta-bebeja
inderespodi
rss-neuvottelija-sami-miettinen
yrittaja
yrittaja-markkinoi
rss-yrita-oikein
rss-myynti-ei-ole-kirosana
rss-sensuroimaton-kukkonen-kausi-3
rss-paasipodi
rss-yrittajan-mindset
rss-metsanomistaja-podcast