Dennis Cual

Way Finding is a React-based app that provides customers automated navigation in the store.

I led the package development supporting different maps and floors that runs in a 2D environment. The package could be used across various applications because it was like a widget. I added the shortest path feature for the areas and used TypeScript to add static typing to the codebase, which helped catch type errors at compile-time, reducing bugs at production. With TypeScript, I also enhanced the developer experience via autocompletion and documentation and refactored a large codebase. The user interface was created using React while shared and global states were managed with Context API.

Binosight is a React-based app for project quality reporting tools used in construction projects.

I helped integrate GraphQL services in UI components using Relay, migrated the code from Flow to TypeScript, and added new features enhancing the existing ones. I also refactored bottlenecks, improved the apps' performance in loading and runtime, and managed the global state using Recoil.js.

An attempt to mock some features of GitHub using React. This project aimed to try React's experimental concurrent mode.

KEY FEATURES
• Implemented the render-as-you-fetch pattern. During route transitions, the app was configured to load the code and data for new routes in parallel. It used the new prop of the React router component called preload, which was invoked before the component was rendered.
• Used concurrent mode and suspense to improve the loading sequence, including useTransition() for route transitions to continue showing the previous route for a brief period during which the next route was prepared and rendered.
• Colocated data dependencies with the suspense-enabled React query.
• Used features from React Router v6 like preloading, nested routes, relative links, and hook for search params.