Articles on ayushsatyam146's Blog

Approaching Typescript migration

ayushsatyam146@gmail.com (ayushsatyam146) — Thu, 01 Sep 2022 05:11:23 +0000

What have I done till now?

After I got done with Next.js migration, state management, and logical cleanup of the code base; I approached the typescript migration since it was one of the major aspects of my project. I have completed approximately 90% of the typescript migration. Only context and reducer files are left to be converted to typescript. There are some minute typescript and limiting errors in some files but I will soon resolve them as well.

What is coming up next?

I will complete the typescript migration and resolve some of the remaining bugs that are still left. As discussed with my mentors I will approach towards improving the SEO after I am done with the typescript migration.

Did I get stuck anywhere?

I did not get stuck anywhere this week.

Completing re-implementation and code cleanup

ayushsatyam146@gmail.com (ayushsatyam146) — Wed, 24 Aug 2022 17:05:00 +0000

What have I done till now?

Completing the re-implementation of the state management code and isolating all the major logical portions into separate functions. I also had to re-implement some of the features that I added during the pre-contribution phase. I minimized the number of side effects running by consolidating the side effect logic into fewer functions.

What is coming up next?

I will add the SSR support in the Next.js app and start migrating to Typescript simultaneously. I will simultaneously research about testing methodologies and procedures.

Did I get stuck anywhere?

I did not get stuck anywhere this week.

Re-implementing some of the components and functions

ayushsatyam146@gmail.com (ayushsatyam146) — Thu, 18 Aug 2022 09:19:40 +0000

What have I done till now?

I have completed state management and resolved some of the new bugs that appeared during the process. I also refactored a huge portion of the existing JSX structure of the components to make them more efficient and clean. I am still working on the process of refactoring and rewriting some functions of the existing code-base.

What is coming up next?

I will complete re-implementing the logical functions of the app to simplify and isolate all the logical elements related to URL params, state syncing and state update.

Did I get stuck anywhere?

I did not get stuck anywhere this week.

Finishing off state management

ayushsatyam146@gmail.com (ayushsatyam146) — Thu, 11 Aug 2022 09:24:14 +0000

What have I done till now?

I was finally able to migrate all the states and functions to the reducer and render the initial UI of the app.
There are still some minor bugs here and there that need to be fixed. All the side effects and all conditional UI renders are also working properly. I have set up all dispatches in the reducer functions properly.

What is coming up next?

I will need a bit more time in making all the elements and functional calls work properly. I will also add SSR for the Next.js app and soon begin with TS migration.

Did I get stuck anywhere?

The initial code base was not so well managed regarding state handling and conditional renders. A lot of unnecessary side effects are running causing the state to get mutated in an unpredictable fashion. It was solvable but it took a lot of time in debugging such cases.

Implementing State management

ayushsatyam146@gmail.com (ayushsatyam146) — Thu, 04 Aug 2022 02:24:09 +0000

What have I done till now?

I have tried to implement proper state management for the project. There is a global state store for the project but a secondary state management store was needed to manage the states and the functions of the IconSet.js file which comprises a major portion of the app. I have used useReducer hook and Context API to implement state management for this file.

Did I get stuck anywhere?

While implementing the state management I faced some issues with URL params as Next.js has a different way of fetching URL params.

Weekly Blog #2

ayushsatyam146@gmail.com (ayushsatyam146) — Fri, 22 Jul 2022 14:53:14 +0000

What did I do this week?

Earlier, the basic Next.js migration was done with all the pages but SVGs for the icons were not getting fetched. I tried to implement various methods to make the SVGs show up. I was able to show all the SVGs after using the CDN links for providing icons. I also completed all the necessary changes for vercel sponsorship of our project. I have also planned and structured the state management and refactoring for the Icon tray of the site.

What is coming up next?

I will try to complete the state management and code refactoring by this week. I will also try to complete doing SSR for some of the pages in the app and do some bug fixes.

Did I get stuck anywhere?

I didn't get stuck anywhere for that long. I was able to figure out the solution for icon SVGs after some research and discussion with my mentors.

Starting off with EOS icons website

ayushsatyam146@gmail.com (ayushsatyam146) — Thu, 14 Jul 2022 06:01:17 +0000

Hello, my name is Ayush Satyam, a Junior year Computer Science undergrad student. I will be migrating the eos-icons.com website to Next.js and TS and also adding some significant UI/UX changes. I will be working with EOS Design Systems on the project : EOS Icons Next.js & TypeScript Migration.
What have I done till now?

My project is to migrate eos-icons.com website to use Next.js and Typescript. Using Next.js for react based front-end projects opens the doors to multiple benefits like in built SEO, routing and improved performance due to several optimisations. Till now I have initialised a Next.js project and migrated a major portion of the old code-base to the new project. Next.js has a built in router, so I have migrated the old code to to use Next's router. I have also migrated the styling from the older project and ensured proper exception handling at some points in the code-base. I have also managed to handle all window events because Next.js is server-side rendered and we don't have access to browser objects directly.

Did I get stuck anywhere?

I got stuck in migrating the Navigation panel as it was using the reach router's way of navigation and lifting up the props instead of using standard logic. I also got stuck in migrating images and SVGs for certain sections of the website and I working on figuring it out.

What is coming up next?

I plan to finish the Next.js migration as soon as possible and get started with the TS migration of the app. After the migration process is done I am planning to update and do the necessary UI changes.