@realbashlk profile picture
Prabashwara Seneviratne @realbashlk
Joined March 2021
  • Tweets 180
  • Following 90
  • Followers 36
31 Photos and videos
I wanted to start reviewing different state management libraries for React. To do that, I thought I would refactor a real web app to use each of those libraries.
1
1
50
Since the real web apps I am working on are too big to refactor quickly, I thought I could build a small web app on my own for this. How hard can it be?
1
1
46
In the end, it took me almost a month to set up and host a small web app with a live backend. In this post, I describe some of the troubles I ran into and how the end result turned out. frontendundefined.com/posts/…

Building a sample React app

This post describes how I created a sample React app for comparing different state management libraries

frontendundefined.com
1
43
How should I review different state management libraries? Over the next few months, I am planning to do some in-depth reviews of state management libraries for React. (e.g. Redux toolkit, Zustand, Recoil, Jotai)
1
56
To do this, I'm thinking of creating a small app and then refactoring it to use each of the different state management libraries to compare how easy to use, versatile and performant each of them are. What do you think of this approach?
19
Sometime ago I heard that React Context should not be used for managing global state. I tried to figure out why but I couldn't find a solid reason 🤔
1
35
So I did some experiments and found that it is really difficult to get React context to efficiently update components when you use it for global state. You can find these experiments and more examples in my latest post. frontendundefined.com/posts/…

Why React Context is not great for global state

This post describes why React context is not suited for global state management

frontendundefined.com
32
Prabashwara Seneviratne@realbashlk
18 Jan 2024
Flew into a rather gloomy looking Tenerife North. Thankfully it cleared up as we drove south.
34
Prabashwara Seneviratne@realbashlk
16 Jan 2024
I give up. I can't stop time. Not with Next.js being so difficult with fake time. Instead we will have tests that break every year 😅
28
Prabashwara Seneviratne@realbashlk
15 Jan 2024
My fight against time continues as I still can't get Next.js to run well with fake time. Spent a long time digging into why the site was not showing in cypress only to find that using cy.clock() to set a fake time causes Next to not render 🤦‍♂️ github.com/vercel/next.js/is…

Next adds unnecessary CSS when using css-in-js solutions in dev mode · Issue #10285 · vercel/next.js

Bug report Describe the bug When using something like styled-components, next now adds to the head To Reproduce Vi...

github.com
22
Started adding integration tests. The site has a lot of functionality that depends on time so decided to lock all of the components at a specific time. This was surprisingly difficult to do. 👇
1
18
Managed to set the time on the browser through Cypress's cy.clock but then Next started complaining about hydration errors due to mismatches between SSR and CSR HTML since Next kept running on real time.
1
12
Devised a hack that overrides the Date global when running in Next in a test env. It works but I don't like it. The other option is to make the tests calculate past / future time relative to present time which seems like a bad idea. What do you think?
11
Prabashwara Seneviratne@realbashlk
11 Jan 2024
Spent the day getting the Cypress integration tests to run on Github actions. The solution? - Get cypress to run in a fixed timezone using the TZ environment variable - Use Next's preview mode to make it skip caching the result of getStaticProps.
39
Prabashwara Seneviratne@realbashlk
10 Jan 2024
Confidently said during a meeting that we can't style the underline in underlined text with CSS. But a quick search revealed text-underline-offset, text-decoration-color and text-decoration-thickness🤦‍♂️
1
21
First day back at work. Spent half of the day figuring out where I left everything and the other half figuring out why the Transition component from react-transition-group was causing a React strict mode warning about findDOMNode 🤔
1
43
Turns out the the Transition and the CSSTransition components fell back to using the deprecated findDOMNode if a ref to the children was not passed into TransitionGroup as nodeRef. Also the animation behaviour is broken in the latest version so I stuck with 4.4.0
1
41
Overall, it seems like react-transition-group is on the decline. Does anyone know about any alternatives? #react
1
33
Prabashwara Seneviratne@realbashlk
8 Jan 2024
Improved the design of the monthly post sign up with a background colour to make it stand out against the rest of the page. #buildinpublic How can I improve this even more?
18
It still doesn't look great on Outlook but it is usable and that will do for now. Shoutout to @caniemail and @litmusapp , I have no idea how I would have gone about figuring out these issues without them.
1
12
What e-mail client do you use?
0% Gmail
0% Outlook / Office 365
0% Apple mail
0% Other
0 votes • Final results
10
Load more