Articles for React/React Native

This article will introduce you to the world of Progressive Web Apps, to the Preact framework and to Web APIs. It will guide you through 15 minutes of code to create your first Preact Progressive Web App! Status of PWAs today Progressive…

What is the perfect React component?The component should have one purpose only, rendering The component should be small and easily understandable The component should rerender only if neededHow to create the perfect React component?Logic Functions Atomic Design Selectors and Reselectors Functions inside renderLogic FunctionsExport your…

On my current project, the team (and our client 😱) realised our React website performance rating was below industry-standard, using tools like Google Page Speed Insights.As reported by the tool, the main cause for this are render-blocking scripts like Stripe,

On a breezy day in March, I, along with three other TheodoUK-ers, attended React London 2017. Standing in the stark light of the Westminster sun that silhouetted the brutalist architecture of the QEII Centre, we admired the conference's production value…

The basics of positioning are pretty well explained in the official React Native documentation. However, it only covers simple cases such as centering items or putting one element on top, middle and bottom.Here I intend to cover some cases that are…

Drag & drop has become such a common feature on the web that people think it's a no-brainer for developers. A few months back, a client told me: "How can it be that hard, it's all over the internet!" and…

React has quickly climbed its way to being a top framework choice for Javascript single page applications.What's not to like?A declarative syntax for UI Virtual-DOM for performance The possibility of server-side rendering.There is however one area that could be improved; its built-in…

When developing a mobile app, it's common to have to build an authentication system. However, requiring the users to provide their username and password every time they launches the app, severely deteriorates the user experience. Lately, I have been working on a side…

How to improve the speed of a React application? React is an incredible framework. You may have already learnt it from another post. However, it is a client-side framework and as such, it has a few drawbacks:search bots do not see…

Mobile Apps are a crucial part of our daily life.Yet, building a native mobile app for everyone requires to have knowledge in at least two languages: Java for Android and Swift or Objective-C for iOS.At least, that’s what I thought…