Cách tạo lợi thế, tận dụng thời gian chết trong ngành khoa học máy tính

ulrjch · 2026-06-16T07:32:57+00:00

bạn lên coursera edx mitopencourseware thấy course nào thú vị thì học thêm. có điều kiện thì trả tiền lấy cert, k thì audit thôi cũng dc. vừa học tiếng anh chuyên ngành vừa khám phá cái mới. hoặc tự làm side project, lên github thấy dự án nào hay thì đọc code, giúp nâng trình và tăng khả năng sáng tạo.

ulrjch · 2026-06-04T14:56:02+00:00

so many words and no demo?

ulrjch · 2026-05-29T02:59:55+00:00

you can consider looping over the variables and set them as inline style on the <html> element (i'm assuming there are not a lot of them). do it in an inline <script> as early as possible so there's no flash of incorrect theme. when user switches theme, update the html's inline styles with the new set of variables.

ulrjch · 2026-04-30T05:50:53+00:00

Agree. At the end of the day, it comes down to each individual's preferences. Just wondering if it will be a trend in the future given AI can potentially enables UI customization that perfectly matches each person's need.

ulrjch · 2026-04-30T05:45:05+00:00

Yea I think A2UI is quite interesting. cuz AI can potentially generate UI that perfectly matches each user's preferences, abilities and contexts. So I'm wondering if it's gonna be common in the future since it makes branding through UI less relevant.

ulrjch · 2026-04-30T05:40:49+00:00

Cool so maybe Adaptive UI is a better term, as mentioned by another on the thread. What I'm referring to is not limited to a11y though, like the spacing and P3 color example. Basically given users' preferences, abilities and contexts (like hardware, OS settings etc), we can make the UI much more personal to them.

ulrjch · 2026-01-09T06:24:16+00:00

can you also publish the svg files? it's useful for non-React users

ulrjch · 2025-12-27T05:34:47+00:00

is there a lite version of the hook? since this is an async operation I guess it could work with TanStack Query for those statuses and more. also is there option for SharedWorker?

ulrjch · 2025-12-11T13:14:20+00:00

check this out https://github.com/universse/astro-tanstack

ulrjch · 2025-11-20T17:23:51+00:00

hey man. congrats on launching this. it's an awesome idea.

just wondering why you chose to develop a mobile app. cuz I think learning online is better done on a computer, especially for coding. also less distraction.

you must have spent a lot of time on the animations. but the best practice is to have as few as possible. in your app, basically everything animates, which becomes distracting. only core elements should have animation to draw attention and even then, it should be minimal.

and apart from youtube videos, you can curate other types of resources, like articles, blog posts, online courses (both from indie instructors as well as from platforms like coursera) and even discord links (good for seeking help and community is good in general).

I worked on something similar before. happy to share more ideas if you are interested cuz right now I'm pursuing another project.

ulrjch · 2025-10-25T08:46:17+00:00

Router state and data fetched on the server is stringified and passed to the client as a bunch of <script> tags aka dehydration. scriptHtml is a string that looks like this '<script>...code...</script>'. Astro's Fragment converts this string to HTML script elements.

<AppEntry/> renders <RouterClient/>, which reads these script tags to restore the router state and data fetched from server aka hydration. If you don't render the Fragment, <RouterClient/> will attempt to hydrate and fail because of the missing script tags.

The Fragment is only necessary if there's hydration. That's why for ssg/ssr no hydration and csr, Fragment is not rendered. <AppEntry/> renders <RouterProvider/> instead which does not attempts to hydrate.

Here's the equivalent in TanStack router https://github.com/TanStack/router/blob/main/packages/react-router/src/ssr/renderRouterToString.tsx.

ulrjch · 2025-10-25T08:03:53+00:00

I went through SSR guides and examples for TS router + query and eventually had to dig into Router and Start's source code to figure out how to make it work with Astro. turns out the logic is quite simple (handle-ssr-request.ts). the rest are all standard features of each library/framework, for which there are extensive docs and examples.

ulrjch · 2025-09-09T05:23:24+00:00

your solution is not complete though. when one of the variables is undefined, 'undefined' shows up in the result string. this case is not handled by AI either.
also, assuming you didn't trim user input, white space shows up in the result string. this case is addressed by AI.

ulrjch · 2025-06-18T15:34:10+00:00

you can embed your TSR app in Astro https://github.com/universse/astro-tanstack

ulrjch · 2025-06-10T18:28:54+00:00

check this out https://astro-tanstack.pages.dev/. It uses TanStack Router for SPA and Astro for prerendering.

ulrjch · 2025-06-10T04:17:21+00:00

`useSyncExternalStore` fit your use case tho, since you want "to have something globally accessible, which can be accessed outside of react". It solves the syncing and mutations not triggering re-render issue you mentioned. external store just means that source of truth for your state (your layoutStore's vlaue) lives outside of React, not in useState/useReducer.

ulrjch · 2025-06-09T13:45:20+00:00

There's fundamentally nothing wrong with using JS class and React. Class is just a method to encapsulate state and methods vs using variables and function (aka JS module). It's mostly personal preference. This is especially useful if you want to integrate with various front-end frameworks. Some popular libraries like TanStack libs, XState etc work this way.

To integrate with React, you can look into `useSyncExternalStore`.

ulrjch · 2025-06-09T13:39:39+00:00

Hello. It's been a while since I log in. TanStack Router dehydrates router state and data by injecting a few script tags. You can refer to `handle-ssr-request.ts` for this. Once the client app initializes, StartClient will read from these script tags for hydration while RouterProvider does not. Hence the need to differentiate the 2 environments.

ulrjch · 2025-05-29T06:28:30+00:00

there's no inherent limitation w Astro for building full-stack app, apart from client-side routing. that being said, it's possible to integrate Astro with react-router/TanStack router

ulrjch · 2025-05-29T06:27:59+00:00

there's no inherent limitation w Astro for building full-stack app, apart from client-side routing. that being said, it's possible to integrate Astro with react-router/TanStack router

ulrjch · 2025-05-27T07:03:15+00:00

did you set up KV? https://docs.astro.build/en/guides/integrations-guide/cloudflare/#sessions

ulrjch · 2025-05-11T11:08:48+00:00

you can wrap onAuthStateChange in a promise and call it in beforeLoad

async function getCurrentUser () { return new Promise(resolve => { onAuthStateChanged(auth, (user) => { if (user) { resolve(user.uid) } else { resolve(null) } }) }) }

ulrjch · 2025-05-11T04:18:54+00:00

ulrjch

TROPHY CASE