React Round Up2 Loka 2018

RRU 031: "Real-time Editable Datagrid In React" with Peter Mbanugo

Panel:

Special Guests: Peter Mbanugo In this episode, the panel talks with guest speaker, Peter Mbanugo. Peter is a computer software specialist who works with Field Intelligence and writes technical articles for Progress Software and a few others. He studied at SMC University and currently resides in Nigeria. They talk about his creation, Hamoni Sync, and article, Real-time editable data grid in React. Also, other topics such as Offline-First, Speed Curve, Kendo UI are talked about, too. Check out today’s episode Show Topics: 1:30 – Chuck: Let’s talk about what you built and how it works. Topic: Real-time editable data grid in React. 1:40 – Peter: Real time editing. It allows you to edit and have the data go across the different devices. Synchronizing your applications. For the 2:47 – I saw that you built also the... 2:58 – Peter: Yes, I built that with Real-time. Most of the time I have to figure out how to build something to go across the channel, such as the message. Then I built the chats. Next month 4:33 – Justin: It says that it can go offline. That is challenging. How are you going about that? 4:51 – Peter answers the question. Peter: When you loose connections and when the network comes back on then it will try to publish anything to the server while offline. If you are trying to initialize the... 5:42 – Awesome. 5:45 – Peter continues his thoughts. 5:56 – Lucas: This is really interesting. Form something really simple to tackle this problem. I have gotten into so many problems. Congratulations on at least having the courage to try such a system. 6:35 – Justin: When you have someone interacting with one of these applications, lose connectivity, is the service handling this behind the scenes? 6:56 – Peter: Yes. Peter goes into detail. 7:19 – Justin: Neat. That would be interesting to dig more into that. 7:35 – Lucas: I had a friend who sent me links and I was like WHOAH. It’s not an easy task. 7:57 – Peter: Yes, offline – I am learning each and everyday. There are different ways to go about it. Then I go write something about conflict free of different types. I thought that was the way to go. I didn’t want it to be something of the declines. 8:50 – Lucas: How did React work for you? 9:24 – Peter answers the question. 9:58 – Panelist: I was trying to synchronize the system. There are 2 types: Operational Transformations and CRDTs. It’s a really hard problem. 10:35 – Lucas: Now we have multiple devices and they can be far away from each other. Updates to send to the same server. I think that this is really complicated world. Even consider new techniques that we use in RI. You have a long in process. You need to react to them. Maybe dates that you cannot get. Hard problem we are solving now. 11:56 –Justin: Even interacting with applications that ... it has made our products that aren’t approachable if someone doesn’t have a good Internet connection. Synchronizing connections while offline. So you can have offline support. These are problems that we can resolve hopefully. 13:01 – Lucas: It affects everyone. Back in Brazil we had problems with connections, because it’s connections. Now I live in NY but the subway my connection is hurt. 13:40 – Peter: Yes, I agree. Peter talks about his connections being an issue while living in Africa. 14:52 – Justin: How does that affect your development workflow? 15:08 – Peter answers the question. 17:23 – Justin: Shout-out to the Chrome team. Tool called LIGHTHOUSE. It can test for accessibility, SEOs and etc. Good same defaults and trying to test Mobile First. When I was learning about performance I wasn’t thinking about the types of devices that people would use. The edits tab really helps think about those things. 18:41 – Digital Ocean’s Advertisement 19:18 – Justin: Any tools to help test your download speeds or anything authentication tools? 19:36 – Peter answers this question. 20:15 – Panelist asks the same question to Lucas. 20:22 – Lucas: interesting question. Even though the website was doing pretty well we were in the dark. We did a huge migration and it wasn’t clear about the performance. So my first mission here was start using a tool called SPEED CURVE. It only gets better. For a company who needs to acquire a tool SPEED CURVE is great. They have the LIGHTHOUSE measurements in their dashboards. So it can follow through time your scores and all of your analysis. These are the tools we use today. They have both synthetic and real user monitoring. So when we are measuring things on our Chrome it is a picture of your machine (biased picture) they make it both synthetic and film your page and compare through time. Analyze your assets. Some code on your application and collects statistics for each user. Relic I have used before, too. I do believe those tools are of great help. I am sure there are opensource initiatives, but I haven’t played 22:56 – Peter: Have you tried...? 23:07 – Lucas continues. LIGHTHOUSE. 23:56 – Justin: It gives great visualizations for people to see. SPEED CURVE. Where we are at – so they can see that – it’s powerful. 24:40 – Lucas: Interesting story we used SPEED CURVE. Real users and synthetic measurements; our website was getting slower and slower. We couldn’t figure it out. What is happening to our application? It turned out that the app more people were using it on the mobile. The real user speed was going up because they were using mobile. The share of mobile users and performance was getting better. You look at the overall average it was getting slower. Interesting lesson on how to look at data, interpret data and insights. It was really interesting. 26:21 – Peter. 26:25 – Lucas continues the previous conversation from 24:40. 27:00 – Justin: Taking the conversation back. It’s always a challenging problem because the implications are hard to use. What was your experience with React Table? What are the pros and cons? 27:40 – Peter: React Table is quite light. It is pretty good on data. I haven’t had much of a problem. It is okay to use. The other ones I haven’t tried them, yet. 28:08 – Justin: Same question to Charles and to Lucas. 28:21 – Lucas: I have never worked with big tables to render the massive data or tables that need to be edits and stuff like that. I don’t have experience with those components. Play here and there. It is interesting, because it is one of those components that are fighting the platform and it’s a good source of interesting solutions. 29:05 – Chuck: Kendo UI has one. I need something that his more barebones. AG Grid. 30:03 – Justin: React Windows. It optimizes long lists. It just renders what is in the current window. 30:22 – Ryan Vaughn. 30:28 – Justin: Cool library. 30:36 – Lucas: Use it as a learning tool. How do you all decide when to actually start using a library? As early as you can? Libraries to solve our problems? 31:19 – Peter: It depends on what I am doing. 31:53 – Fascinating question. Not one size fits all. It’s a balance between product deliverable needs and... There can be risks involved. Fine balance. I find myself doing a lot is I will default using a library first. Library that isn’t too large but what I need for that project. If there is a hairy feature I will use the library until my needs are met. 33:49 – Lucas adds his comments. Lucas: You want to differentiate yourself. I love GitHub. 35:36 – Question to Charles: I know you have tons of stuff going on. What’s your thought process? 35:53 – Chuck: If I can find stuff on the shelf I will pay for it. My time adds up much more quickly then what the dollars do. I will pay for something off the shelf. I only mess around for a while but if I can’t find something to help me then I will go and build something of my own. I got close with Zapier, but I got to the point that I wanted to put something together that I built my own thing through Ruby on Rails. Generally I will pay for it. 37:07 – Panelist: Yes, I don’t think we all don’t value our time and how expensive time is. 37:25 – Chuck: I own the business. My time is of value – it’s more important to me. It’s a trap that people fall into not to value their time. 38:11 – Lucas: We are not all working on what we SHOULD be working on. This isn’t going to bring business Productive time that we are using with stuff that is not our business or our main focus. Focus on the core pro

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

Kokeile Premiumia

Nauti 14 päivää ilmaiseksi

Tilaa Premium

Jaksot(310)

AI Integration in Web Apps - RRU 267

In this episode, Lucas, Chris, and Peter are joined by Colby Fayock, the Director of Developer Experience Engineering at Cloudinary and a content creator.Join them as they dive deep into the world of AI-powered WYSIWYG editors for React. They explore the practicality of running AI models locally versus on remote servers, discover Google's innovative browser-based AI models in Chrome, and discuss the versatility and editor compatibility with formats like JSON and Markdown. They also touch on integrating AI functionalities securely using serverless functions and backend APIs, ensuring solid security without exposing sensitive API keys.Colby shares his experience with using storage formats like HTML and JSON in richer content editors, the flexibility of customizing styles and commands, and the potential applications outside of just being a Notion alternative. They also delve into UX trends toward integrated editing experiences and the practical challenges it may present.Towards the end, Colby talks about his upcoming full stack Next.js 15 course featuring authentication, database management, and payment options. This episode is packed with valuable insights for developers aiming to enhance their front-end capabilities and integration of AI functions. Stay tuned as we unravel the future of rich-text editing and AI in modern web development.Social MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Peter OsahLinkedIn @peterosah https://www.linkedin.com/in/peter-osah-744118179/Colby FayockLinkedIn @colbyfayock https://www.linkedin.com/in/colbyfayock/Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

25 Syys 202432min

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 266

Chris Laughlin joins the round up to discuss how to use the WebKit Speech Recognition API to interact with your react applications. This opens up a wide range of capabilities for web and React applications.LinksAdding Voice Search to a React ApplicationUsing the Web Speech APIGitHub | streamich/react-useRecutDescriptSvelteNetlifyGithub Co-pilotGitHub: Chris Laughlin ( chrislaughlin )PicksCarl- Subscribing to different newslettersChris- Script Kit by John LindquistJack- GitHub | solidjs/solidPaige- Logitech Wireless MX KeyboardTJ- Manfrotto Magic ArmBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

4 Syys 202446min

Building a Seamless Image Zoom Feature - RRU 265

In today's episode, they dive deep into the intricacies of creating a seamless image zoom functionality with our special guest, Robert Pierce, a seasoned software engineer with 13 years of experience and the mastermind behind the popular React Medium Image Zoom library.They tackle the challenges of zooming in on images while maintaining quality, elaborate on accessibility concerns, and discuss the technical hurdles, including those pesky Safari issues. They also explore the efforts to make clickable content accessible to all users, converting images into modal elements, and the journey from version 4 to version 5 of the library.Robert shares his experiences with maintaining this open-source project, the community's role, and his attempts to create a monorepo supporting various frameworks. We touch on the complexities of scaling, customizing dialog elements, and the potential future developments for the project.Join them as they discuss the blend of native functionalities, accessibility, and the pursuit of a perfect user experience. Whether you're a developer interested in modern technologies, web component integration, or just curious about the behind-the-scenes of an open-source project, this episode has something for you. Let's zoom into the details!Linksreact-medium-image-zoomSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Peter OsahLinkedIn @peterosah https://www.linkedin.com/in/peter-osah-744118179/Robert PearceLinkedIn: @RobertPearce https://github.com/rpearceBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

30 Elo 202450min

Next.js Deployment Woes: Tackling Vendor Lock-In and Production Readiness with FlightControl - RRU 264

In this episode, they dive deep into the intricacies of deploying server-side rendering applications using Next.js on AWS. Join them as Brandon Bayer, the CEO of Flightcontrol shares insightful experiences on overcoming production challenges with FlightControl.Discover why FlightControl's infrastructure, cost-saving capabilities, and new build system—including Lambda support—are game changers for developers. They talk about updates and exciting projects from Lucas and Chris, explore the seamless deployment to AWS with FlightControl, and compare its strengths against platforms like Heroku and Vercel.Get ready for a captivating discussion on hybrid clouds, vendor lock-ins, the ease of using AWS services through FlightControl, and the potential for supporting other cloud providers. Plus, Brandon's passion for flying small planes brings a fascinating real-world perspective to the intricacies of sky-high ambitions versus ground-level developments. Tune in for an episode packed with practical insights, expert opinions, and the latest in cloud deployment technology.LinksFlight ControlSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Peter OsahLinkedIn @peterosah https://www.linkedin.com/in/peter-osah-744118179/Brandon BayerLinkedIn: @BrandonBayer https://www.linkedin.com/in/brandonbayer1/Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

14 Elo 202445min

Boosting Development Efficiency with Strapi CMS and Next - RRU263

In today's episode, our host Lucas Paganini sits down with special guest Paul Bratslavsky, a seasoned software engineer at Strapi, to explore the powerful synergy between Strapi, a versatile JavaScript-based headless CMS, and the cutting-edge features of Next.js. Dive into the rapid development capabilities these technologies offer, streamlining workflows, and quickly delivering products to clients.They also delve into the convenience of Strapi Cloud for effortless app deployment and discuss varying perspectives on its pricing. Tune in to hear about the benefits of Remix, the evolving job market post-pandemic, and invaluable career advice for aspiring developers. This episode is packed with practical insights, personal anecdotes, and expert tips that you won't want to miss. Plus, get a sneak peek into upcoming soccer games and learn about Unvoid’s client-friendly approach to software development. Join them for a well-rounded discussion on all things tech, career, and beyond!SocialsGitHub: @PaulBratslavskyTwitter: @codingthirtyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

7 Elo 202454min

React Native vs Capacitor: Performance, Flexibility, and Business Impacts - RRU 262

In today's episode, they dive deep into the evolving landscape of mobile development by comparing React Native and Capacitor, two pivotal technologies for transforming web code to run seamlessly on mobile devices. Special guest, Jamon Holmgren, CTO and co-founder of Infinite Red, brings a wealth of knowledge to the conversation, offering insights and firsthand experiences with these tools.Join them as they thoroughly discuss the considerations for choosing between Capacitor and React Native, based on your team's makeup and business needs. They explore the benefits of using Ionic and Capacitor for organizations that favor Angular, and why React Native might be the go-to for those who work with React. They also share valuable information on the Chain React conference, the various content offerings through Infinite Red, and best practices for integrating over-the-air updates.Additionally, Jamon touches upon intriguing experiments with Yacht testing, and they highlight the exceptional remote design and software development services provided by Envoy, especially their unique payment model that ensures client satisfaction.If you're navigating the complexities of mobile development, this episode is packed with expert advice and actionable insight.SocialsLinkedIn: Jamon Holmgrenjamonholmgren.comBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

24 Heinä 202453min

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 261

12 Kesä 202446min

Gmail Analysis Software, Web Components, and State of Web Development Surveys - RRU 260

Levan Katsadze is a Software Developer. In this episode, they explore a fascinating project, which offers migration rules for moving websites, emails, and databases between hosts. They talk about the tool's functionality and bugs encountered during testing.Additionally, they shed light on the user-friendly nature of the software and discuss their VS Code extension block, emphasizing the importance of code structure for developers. They delve into the world of web components and upcoming support for web components in React 19.The episode features discussions on the release of Angular 18, the state of the HTML survey, and the state of the JavaScript survey, as well as valuable insights from Levon Kasatze, who developed a software package to analyze and clean up Gmail mailboxes. Tune in for an insightful and engaging discussion on software development.Social MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Levan KatsadzeGitHub @leodevbro https://github.com/leodevbroBlog Levan Katsadze https://leodevbro.github.io/Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

5 Kesä 202447min

Kaikki yhdessä sovelluksessa

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi yhdessä paikassa.

Sinulle valikoitua sisältöä

Podme-sovelluksessa kokoat suosikkisi helposti omaan kirjastoosi. Saat meiltä myös kuuntelusuosituksia!

Jatka kuuntelua koska tahansa

Voit jatkaa siitä mihin jäit, myös offline-tilassa.

Premium

9,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa

Aloita 14 päivän kokeilu

Premium

13,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa
Yksi lisäkäyttäjä

Kokeile 14 päivää maksutta

Suosittua kategoriassa Liike-elämä ja talous

Tarinat ja äänet, joita rakastat kuunnella

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi

Lue lisää