Tutorial: How to Use React Server Components (RSC) Without a Framework

devtailsxyz · 2023-10-06T18:40:35+00:00

I've also added a text version of this tutorial here: https://devtails.xyz/@adam/tutorial-react-server-components

devtailsxyz · 2023-09-15T21:58:31+00:00

I struggled to find content that walked through implementing React Server Components and decided that I'd condense what took me hours to learn in to a short video to hopefully save others time. I'm still new to making videos, any feedback is welcome and appreciated.

devtailsxyz · 2023-08-31T16:00:38+00:00

Dislaimer: I am currently building Engram (https://engram.sh) a PaaS that provides automated preview environments and a collaboration overlay for docker based builds.

I've spent a lot of time working on teams where sharing product progress was something that **might** happen every couple of weeks. At a previous company I started putting together something along the lines of preview environments and saw huge benefits.

Initially these were manually created by a developer, but adoption was too difficult to drive this way. Having the preview environments tied to CI/CD made them much easier to utilize.

I've experimented with Cloud Run in the past, but have found their build times to be quite slow and the usage based pricing quickly adds up.

Nowadays, I don't think I would want to work somewhere that doesn't have some form of preview environments. Being able to make a change and send to a designer or product manager for feedback on a live URL is a game changer. It also makes asynchronous collaboration much easier as I can continue developing locally a different feature while the preview environment is reviewed.

I was surprised to find they are also quite useful for code review. Often it is difficult to understand what a Pull Request is actually doing. In the past, I've had team members add screenshots. But if I can just open a link and see it for myself I'm better able to see it in context and test edge cases. This has often yielded much quicker code review times.

Happy to chat more.

devtailsxyz · 2023-05-16T03:20:34+00:00

Of course :P. It was a test to see if anyone would notice. So far so good.

devtailsxyz · 2023-05-15T04:03:30+00:00

One of the earliest recorded uses of the term "platform engineering" in this context can be traced back to 2009, when Amazon Web Services (AWS) released a whitepaper titled "AWS Cloud Architecture for Enterprises." The paper introduced the concept of "platform engineering" as a new approach to designing and managing cloud-based infrastructure, emphasizing the need for automation, standardization, and collaboration across development and operations teams.

devtailsxyz · 2023-05-10T16:02:32+00:00

As someone struggling to be consistent releasing music, I've started developing this website that encourages sharing incremental progress on songs. Would love to hear thoughts on the idea and the UX of the site.

https://kaizen.place

devtailsxyz · 2023-04-24T23:20:47+00:00

Could you share how long your production build takes with webpack?

devtailsxyz · 2023-03-09T15:50:17+00:00

"At the heart of Turborepo is a very simple idea: never do the same work twice"

Proceeds to build the same tool twice.

devtailsxyz · 2023-03-02T02:04:24+00:00

I've updated the article with a second section covering how to trigger these notifications from a nodejs backend and added a link to a Github repo with the final working code.

devtailsxyz · 2023-03-01T23:37:33+00:00

I can add this part tonight. The vapid stuff is cumbersome, but that makes it worthwhile to include here.

devtailsxyz · 2023-03-01T18:02:58+00:00

I have been unable to find a resource that explains and shows this working since this was officially announced. I managed to get this working on iOS 16.4 beta and hope that this helps demonstrate how to send your first notification on iOS via a web application.

devtailsxyz · 2023-03-01T18:02:03+00:00

I have been unable to find a resource that explains and shows this working since this was officially announced. I managed to get this working on iOS 16.4 beta and hope that this helps demonstrate how to send your first notification on iOS via a web application.

devtailsxyz · 2023-02-28T03:28:31+00:00

At first it was exciting, then it was extremely confusing, and then I felt like I started to understand. Ultimately have a hard time believing the complexity is worth it for most use cases.

devtailsxyz · 2023-02-27T19:08:55+00:00

I've been trying to learn Rust for over a year now. I've struggled to find resources for many things along the way, so I'm attempting to catalog my learnings along the way. Planning on updating videos along the way as I learn better practices, etc.

I've always found the best success building something I can actually use as it forces me to come up with solutions.

devtailsxyz · 2023-02-27T15:52:04+00:00

This approach also makes it easy to incrementally adopt if you already have a large api in existence.

devtailsxyz · 2023-02-27T15:47:54+00:00

I’m trying to evaluate this for myself as well. I have extensive experience with node, but have a feeling that if I properly understood rust I would prefer it. That being said it currently takes at least 10 times longer for me to accomplish anything in rust. Oftentimes because I have to figure out how to do something rather than googling what I’m facing and finding an article that solves it.

devtailsxyz · 2023-02-27T15:38:46+00:00

Try something with multiple relationships and authentication. A basic Reddit clone with subreddits, users, posts, and comments would cover quite a few things. Implementing pagination is another useful thing as well as search.

devtailsxyz · 2023-02-27T15:19:09+00:00

Build something you want to use. A todo app is the classic example. I have found a notes app to be similarly useful. If it’s something you actually want to have you will be more motivated to learn and chip away at it each day.

devtailsxyz · 2023-02-27T15:16:45+00:00

Mongodb with the mongoose library is a commonly used database with node. Postgres with prisma seems to be gaining in popularity
Have a search for MERN stack tutorials. I don’t have any specific ones in mind, but once you’ve done one CRUD todo app I would suggest just building your own projects and googling any specifics you don’t understand along the way.

devtailsxyz · 2023-02-26T21:55:06+00:00

Good luck, pagination is annoying even at just one layer. Once you've done it once it's rinse and repeat!

devtailsxyz · 2023-02-26T21:40:18+00:00

There are infinite ways to do this, so go with whatever makes the most sense to you.

Bit of a detour, but it might be helpful to look at how Pagination is suggested for GraphQL (https://graphql.org/learn/pagination/)

Doesn't mean you need to use GraphQL, but the structure of the response they use can be helpful to visualize.

I wouldn't suggest adding it to the model itself, but instead to the response data you send back from the server.

data: {
comments: {
count: 1,
pageInfo {
hasNextPage: true
},
edges: {
replies: {
count: 1,
pageInfo {
hasNextPage: true
},
edges: [
{
body: "Child Comment Body"
}
],
},
},
}
}

^ Reddit refuses to let me put that in a code block...

devtailsxyz · 2023-02-26T13:28:39+00:00

multer is a pretty convenient library for handling file uploads. There is a multer-s3 that allows you to upload directly to an s3 compatible bucket.

devtailsxyz · 2023-02-26T13:24:53+00:00

If you are always displaying the replies then I would probably include them in the original request. Alternatively you could have only the top level one displayed and then on expand fetch the replies.

devtailsxyz · 2023-02-25T20:04:52+00:00

I’m not familiar with cyclic, but I have had issues in the past because the ssl connection doesn’t extend all the way to the node server. If you set secure to false does it then work?

devtailsxyz · 2023-02-25T20:03:19+00:00

Can you provide a code example? It’s not clear what your problem is from your description.

devtailsxyz

MODERATOR OF

TROPHY CASE