Personal details
Nikhil S.
Summary
Senior Frontend Developer, with expertise in React.js with TypeScript.
I have 5 years of experience in architecting projects by bringing in the best tools, implementing best practices, and making apps scalable and maintainable in the long run. This includes setting up the folder structure, state management, authentication, data fetching, routing, rendering, styling, and testing.
Developed independent, reusable, responsive React components in a component library by following a design system with Storybook. I'm a design system advocate. Checkout my react component library - nk-design-system.
I have experience on profiling and improving the performance of React applications. Checkout my blog post on React optimizations - React performance improvements
I have a strong experience with build tools like Webpack and Babel. Checkout my CLI tool for bootstrapping react application similar to create-react-app -
reactjs-boilerplate.
I test my react components using react-testing-library and perform end to end functionality testing with cypress or puppeteer.
I have experience in upgrading legacy React applications(v0.14.0 and v15.5.0) to the latest. These applications are not bootstrapped with create-react-app, and had their own Webpack and babel configs that needed migration to the latest version.
I also have experience with Next.js. I developed my blog website nikhilkumaran.dev using Next.js.
Apart from constant self-learning, I always had a soft corner for knowledge sharing. I share my knowledge by writing blog posts, giving tech talks, and mentoring people on Frontend.
I have a Complete Frontend course which you can checkout here - Course
Technical skills
Work Experience
• Developed a notification system where users can choose the types and frequency of error notifications to be received through their preferred channels, including Email, Webhook, or Slack. This empowers users with direct control over the error notification stream and provides more visibility into the errors.
• Developing new visualizations and enhancing existing visualizations for Insights product.
• Made the visualization dashboards shareable. External users can now be granted access to the dashboard through a secure, email-based invitation system. This strategic enhancement not only facilitates the easy sharing of critical business insights but also streamlines cross-collaborative efforts.
- To improve the performance of the application and reduce the size of the initial bundle, I implemented code splitting and lazy loading for the chart component. This meant that the chart component was not loaded and included in the initial bundle, but was only loaded and rendered once the user focused on the dropdown selector and began making their selection. The result was a smaller initial bundle size and an improved user experience, as the chart component was not loaded until it was needed and was then rendered seamlessly once it was needed.
- Noticed that the log viewer page was becoming slower and less responsive when rendering large lists of logs, specifically over 10,000 lines. To improve the performance of this page, I implemented the concept of virtualized windowing. This allowed the application to only render the logs that were currently visible in the user's viewport, reducing the strain on the system and improving the overall responsiveness of the page.
- Reached out to our users and gathered feedback on our product, then took that feedback and used it to develop new features that improved the overall user experience.
- Won the company wide hackathon and integrated the hackathon project directly into the existing product which is now used by hundreds of people.