projects
Some personal projects I work onReact to Image
A React hook for converting any component into image format
html-to-image is an invaluable utility library that enables the generation of images from a DOM node utilising the power of HTML5 canvas and SVG. It provides a seamless way to convert HTML elements into visual representations.
To further enhance the integration of
html-to-image with React, I developed react-to-image. This React-based solution leverages the capabilities of html-to-image and offers a simplified and intuitive approach for generating images from React components using hooks. By utilising react-to-image, React developers can easily capture and export the visual representation of their components as images, opening up new possibilities for sharing, saving, or further processing the rendered content.React ECharts
ECharts for React
Apache ECharts is an incredible open-source library that empowers users with robust charting and visualization capabilities. It provides a seamless experience with its intuitive, interactive, and highly customizable charts. To enhance the integration of ECharts with React, I took the initiative to develop
react-echarts, an abstraction wrapper built on top of Apache ECharts.While there are existing wrappers for ECharts in the React ecosystem, I noticed a lack of implementations that truly embraced the core concepts of React. Hence, my primary goal was to create a user-friendly React component that effortlessly exposes the vast range of ECharts functionalities through props. By doing so, I aimed to simplify the process of utilizing ECharts within a React project while ensuring flexibility and ease of use.