OPI Blog
Learn from experts in their fields

Search Results for: React

React Server Components
The React Team recently announced new work they are doing on React Server Components, a new way of rendering React components. The goal is to create smaller bundle sizes, speed up render time, and prevent ...
Clean JSX structuring in React
A video guide on how to structure your JSX to make it easier to know when it’s appropriate to split out new components. This will help keep your React code smaller, cleaner, and more DRY....
Apr 3, 2019
Translate Create React App with React-Intl
The React ecosystem is good at many things, including being able to quickly spin-up a solid dev stack with Create React App. CRA provides a great core set of features (webpack, build scripts, jest tests, ...
Migrate from react-loadable to React.Suspense
React apps using code splitting often use the excellent react-loadable library which handles detecting whether a code segment has been loaded and, if not, putting up a spinner or other “wait” indicator while that code ...
Aug 7, 2018
Apache Kafka and Reactive Spring Boot
This post is a continuation of the two part series exploring Apache Ignite, Apache Kafka, and Reactive Spring Boot concepts. This part covers the use of Reactive Kafka consumers to return live database events to ...
Jul 25, 2017
Angular, React, or Vue JS: Which one is for me?
Any modern front-end developer will tell you that it’s nearly impossible to keep up with the break-neck pace of new JavaScript frameworks; what was hot last week is almost certainly out of vogue by the ...
Jul 18, 2017
Intro to Reactive Web in Spring 5
One of the biggest features planned for Spring 5, planned for release later this year, is the new Reactive Web extensions. For a long time Spring has had support for asynchronous web requests by suspending ...
Apr 28, 2017
Two-way Data Binding in ReactJS – Part III
Variable-length Arrays In Part I, we learned how to automatically bind top-level state properties to form elements in JSX, so that updates to those elements automatically updated state and vice versa. In Part II, we ...
Apr 26, 2017
Two-way Data Binding in ReactJS – Part II
Nested State In Part I, we learned how to bind top-level state properties to form elements in JSX, so that updates to those elements automatically updated state and vice versa. However, the method we used ...
Apr 24, 2017
Two-way Data Binding in ReactJS – Part I
Simple Data Binding What do Aurelia, VueJS, and Angular have in common? All three are modern frameworks that support two-way data binding. Of course, ReactJS famously omits this feature, and I believe the standard excuse ...