Release 0.4 : Migration Progress

-

So for the past week I've been working on and off with migrating the components for telescope I've taken from the list that needs porting. 

The Components I've undertaken are

  • BackToTopButton
  • GitHubContributorCard
  • DynamicImage
I was hoping to work on one of the Search components since I've spent so much time previously working on them, but it looks like some of my other peers have already beat me to it. Nevertheless, I still wanted to help with the migration as much as I can.

So I used this reference our professor had posted in the Meta issue regarding migrating from Gatsby to Next JS.

The first thing to do is to edit the dependencies in the package.json, since it's different than the one used for the Gatsby front-end. We will still need the Material UI modules for our front end, but all the gatsby dependencies will now be removed in place of something else.

For example, the Image component used from gatsby-image will now be replaced with next/image. Where as in build times, the images are optimised using the gatsby-image component, with the next/image component images are optimised on demand when they are requested.




Querying data is also different and I'm currently in the process of trying to migrate components such like StaticQuery and graphql from gatsby to its next counterparts.

As for the other 2 components, they were fairly simple, but usually that's a sign that there's a lot more to be done. What I've done so far is kept the most of the code the same but changed the way functions and objects are coded to its typescript version. So declaring variables is slightly different. Now, I'm waiting for them to be reviewed by the other maintainers of the repo for their input.


So far I feel like I'm making progress but I just know this is going to be harder than it seems.

Thanks for reading

Comments

Post a Comment

Popular posts from this blog

Release 0.3 : Telescope and The Quest for Infinity.... Scroll

-
Image
Welcome adventurers, sit down while I tell a little story of a brave programmer who slayed an issue so boldly, his PR request broke a record all time high of 57 comments. Alright so Release 0.3. Got it done right on time, just by the hair... I took on an issue on Telescope that was to add paging functionality to the search results, which also related to the another issue which is to enable infinite scrolling to the same component. Prior to this, humphd (our valiant maintainer and professor, whos been reviewing like a million PRs for the past few days.) has already added the SWR react hook to implement the same feature but on the home page feed. So I used that as a reference point. Issue #1222 I started work on the issue and first tried to implement the swr react hook with the current search components we had. This was confusing and tricky since with a search page we want to wait for the parameters for the search to be entered and then wait for the user to click the search button befor
Read more

Introduction

-
Hi everyone, welcome to my blog. My name is Joel Azwar and I'm a student/amateur programmer studying Computer Programming and Analysis in Seneca College in Toronto. I've taken up an Open Source Development course this semester and this blog is going to be dedicated to my ventures into open source technology and the progress that comes along with learning about it. So it's going to be my personal developer journal.  Open Source technology is something that's always intrigued me about the field of programming. I think it's quite fascinating how programmers all around the world can combine each other's efforts to improve, fix, or change something very drastically. Regardless of what they do, it helps advance the project one way or another which is a positive all around.  The scale of it is also quite captivating. There are millions of developers all around the world and they can contribute to any open source projects. I truly believe open source technology is a qui
Read more

Git : Rebasing Refactoring Amending

-
Image
As if I still don't know everything about git. This week learn about rebasing and amending, rewriting git history as the prof described it. So let's say you're writing a word document and you're in the editing phase. You violently mash Ctrl+S every time you make a small fix. Adding punctuation, deleting a word, making a new line, you save again and again and again. Now imagine if you had a log for every time  you save that file, like a git commit. Now that's a lot of entries, and we as coders do this with git commiting as well, but with git saving and tracking each one of those commits, our logs get a bit convoluted and messy. That's why git rebasing and amending is here to save the day. So for this week's lab our prof wanted us to practice these new git concepts by polishing our code and git commiting to our hearts content, since we will be rebasing in the end. So I made my changes and made a couple of commits to the code. Once I was satisfied with the chan
Read more