React Round Up

React Round Up


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

October 02, 2018

Panel:

Charles Max Wood
Lucas Reis
Justin Bennett

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