Cross Browser Compatibility and React JS Web Apps
7444 Views | 4 Min Read
Sometimes I feel the events in life happen in a sequence that you regularly come across Cringe moments. Like when you have sand in mouth or excruciating sound of chalk against the board. For me personally the worst cringe moment is when I come across a really bad Web App or Website. When I say bad, I mean Internet explorer bad (just kidding, it’s a nice browser). Directionless navigation, features not working, bad design and painful UX. Of all the thing the biggest problem is missing cross browser compatibility.
It was so bad that I loved it. After spending a good amount of 30 minutes, I explored the issues that made it go haywire.
Why React Native?
So coming back to the question in hand, what makes React so great?
“Write once use everywhere”.
Cross Platform Approach
Cross Browser Compatibility with React Native
While Cross Platform approach help us building robust applications, the problem with cross browser compatibility to some extent remains a pain. We turn to its parent ecosystem, the biggest benefit of using React native is that it is similar to React and even Preact so if you want you can use this to your advantage. While building a Web App you can leverage the predefined set up and save yourself from the hard-work. It comes with the PWA setup too, use service workers without any additional burden.
It even offers brilliant features like live reload, that allow you to update or change the source code on the go. It is really impressive as it brings a certain sense of freedom that other frameworks/libraries simply don’t offer.
In addition React implements a totally different DOM system which is independent of the browser. The implementation is done in order make the application cross browser compatible.
Memory leakage is less when you use React native which directly results in improved performance.
In case of Event Handling Native has a similar approach as React. Event handling is similar to DOM manipulation with little syntactic changes. Synthetic Events are defined by React in accordance with the W3C specifications. Instead of sting, you can pass a function event handler (JSX is really amazing!).
There is no point in repeating the extensive coding functionalities. Thanks to the limitless community support ( Facebook has been investing a lot of resources ) it is easier for developers to find various tools. If you read the previous blogs about Babel and Webpack you would know how helpful it is to have their support. React framework ensures the proper functioning of both of these tools along with a few others. Bottomline is you can go crazy about using library functions, they will take care of smaller bundle size and cross browser compatibility too.
React is the clear winner among all the frameworks/libraries, Angular needs to come up with a new strategy. With Vue gaining popularity and Google announcing Flutter, React will face threat on two different fronts. The best thing about internet is the ‘uncertainty’.
I feel bad for Kroos. 🙁
Written by Robin Jangu
3156 Views | 18 Min Min Read
46122 Views | 8 Min Min Read
63506 Views | 9 Min Min Read
115807 Views | 14 Min Min Read