• Integrated Electron to build a cross-platform application that employs the Chromium web browser, replacing the need for a separate server while still maintaining backend functionality, such as file system manipulation, from within the application
• Incorporated a custom Redux store with predefined chart and data properties to increase the overall performance of the application by directly managing each component’s state, streamlining the transfer of state and reducing excessive rendering
• Leveraged D3.js and its ability to create customizable and unique svg elements within React components, such as data visualizations and other complex elements, providing more functionality for any user when designing their React project
• Resolved DOM manipulation conflicts between D3.js and React by reformatting D3.js syntax to be declarative rather than imperative and utilize Redux to manage updating state, minimizing unnecessary re-renders and optimizing performance
• Modularized stateful components with Redux Hooks and React Hooks to simplify the core components to handle all sub-components directly rather than creating multiple separate containers with one child component, establishing dry code
• Implemented tree shaking using webpack to provide a succinct and efficient code without being weighed down by unused modules, dead code, and additional files, scaling down the overall memory of the application and webpack by nearly half