HNHacker News
TopNewBestAskShowJobs

rwieruch

1,739 karma · joined June 3, 2016

Full-Stack Software Engineer, Freelancer

Website: https://www.robinwieruch.de

Twitter: https://twitter.com/rwieruch

GitHub: https://github.com/rwieruch

submissionscomments
rwieruch··on Movable tree CRDTs and Loro's implementation
Wow I have to read this! For a freelance client of mine, I have open sourced React Table Library [0] with the focus on tree operations. They are handling a folder/file tree structure of 100 thousands nodes where it is possible to move folders/files, clone them, lazy load them on a top and nested level, etc. And all of it in the same table structure.

After I finished the project, I kinda knew why Google Drive only allows to display and modify on the same hierarchical level. There are so many constraints that you have to consider when implementing this in a nested view with many nodes.

[0] https://react-table-library.com/

rwieruch··on Engineering principles for building financial systems
Related [0], but one week ago I have written about my experiences using TypeScript for an invoicing system, if anyone is interested. It's especially about rounding errors and how to prevent them. Since then we have created hundreds of invoices (and cancellations) and everything worked as expected with minor hiccups in between.

[0] https://www.robinwieruch.de/javascript-rounding-errors/

rwieruch··on Ask HN: Show me your WIP project
Thanks. It's rwieruch on Twitter. However, I have to admit that I've gotten pretty bad at communicating on social media tbh. But for the launch I have to tweet I guess!

Fortunately, I wrote bullet points for each content piece when I implemented the software that I want to teach in the course. I know all too well what it means to put together all the marketing material at the last minute when you have no energy left.

rwieruch··on Ask HN: Show me your WIP project
I am working on my next course "The Road to Next" which teaches full-stack React with React 19 and Next 15. I started this full-time adventure 6 months ago and I am knee deep into recording the lessons. The project with all the code and the step by step instructions are already there and I am super eager to hear what people think about it.

However, since this is my first recorded course (I did only written content before), it really takes time and effort to make the videos high quality. That's the biggest struggle for me here, but every day I push through it! For every lesson that I need to record, I have a post-it on a cupboard and every evening I tear one or two of them off with my son :)

https://www.road-to-next.com/

rwieruch··on Ask HN: What non-AI products are you working on?
In one week we have our anniversary for CloudCamping - a property management software for campsites. It is targeted for the European market at the moment, mainly the german market, because there is not much digital infrastructure in this space yet. In a nutshell: campsite administrators can create and configure their campsite and enable guest to book a place online.

[0] https://www.cloud-camping.com/

rwieruch··on Incident report for February 21st, 2024
PlanetScale has Safe Migrations which you can enabled for your production DB (branch). Wondering though whether this will protect against everything mentioned here.

https://planetscale.com/docs/concepts/safe-migrations

rwieruch··on Latest Trends in React
I can relate to this! Thanks for sharing your perspective :)
rwieruch··on React Libraries for 2024
Thanks mate. Reading this made my morning, very much appreciated :)
rwieruch··on Lessons from a never-ending personal project
It's not only personal projects. I am in a similar stage where I feel kinda the same for a SaaS (Cloud Camping) where I am the sole developer. I have been working on this "MVP" for over 9 months now, we have our first customers (fortunately), but I underestimated the surface area of the domain (PMS - property management system) which seems like a never ending story. If you decide to create a PMS, customers are used to all the features that come with such a software: Third-Party Integrations for Booking Engines, Email Templates, Newsletter, i18n support for DB entities, hardware integrations (Electricity, Barriers, ...). It's difficult to draw a line for MVP or finished product.
rwieruch··on tRPC – Build and consume typesafe APIs without schemas or code generation
it is. But RSC make many library authors and maintainers question whether their library is still needed in a RSC world and if so how they can support it. Same story with tRPC https://github.com/trpc/trpc/issues/3297
rwieruch··on tRPC – Build and consume typesafe APIs without schemas or code generation
React Server Components. Sorry, I edited the comment above.
rwieruch··on tRPC – Build and consume typesafe APIs without schemas or code generation
I have used tRPC for two ~50k loc web applications and love it. The DX is incredible. But I feel like tRPC had its hype time some time ago, so RSC’s hype quickly caught up. These days everyone speaks about whether to use or not to use RSC while there is such a great stable solution like tRPC out there. I am not against RSC, but there is way too much discussion about it. tRPC is a super pragmatic way to create applications with these days!

Edit: RSC = React Server Components - which come with their own read/write data philosophy.

rwieruch··on How to start a React Project in 2023
And more :)
rwieruch··on Ask HN: Books that teach programming by building a series of small projects?
Shameless plug if allowed: “The Road to React” goes through one large project to teach React.js from beginner to intermediate. I learned that going through one project it allows the teacher to go through a series of foundational aspects of the topic before implementing more advanced domain specific features which make use of the earlier learned building blocks for the real world project. Does it make sense?

https://www.amazon.com/Road-learn-React-pragmatic-React-js/d...

rwieruch··on Paginating Requests in APIs (2020)
Kinda related to this discussion about pagination APIs:

One year ago I had to design an API [0] for paginated nodes which also allows nested nodes. Overall there would be more than 100.000 nodes in the database.

On the UI side there would be a tree table to display the nodes. First you would fetch page 0 with 100 nodes and from there you could either perform a paginated fetch for the next page (page 1) or a nested fetch for page 0 for one of the initially fetched nodes. So essentially the API allows paginated and nested fetches where each nested fetch would be a paginated fetch too.

We used cursor based pagination, because there would be added and deleted nodes eventually in a collaborative environment. It was definitely a fun challenge!

[0] https://www.robinwieruch.de/react-tree-list/

rwieruch··on I sold 640 copies of my book in one year
Congrats! I never counted my sales for different periods of time, because I always felt the feedback is what counts the most to have a long tail of sales. If the feedback is positive, the sales will go on. So I rather focused on this aspect, but it seems to go well for you from the feedback side as well :)

I too released my first self-published book The Road to React on HN (initial in wrong English "The Road to learn React" haha) a few years ago and the community helped tremendously to get this project off the ground. Thanks to all of you! And I wish your success continues too :)

rwieruch··on I Avoid Async/Await
I always wondered why async/await introduced a concise way of dealing with asynchronous code, but then breaks all this conciseness with try/catch ...

Hence I tried to combine async/await with catch for an improved readability [0] two years ago. Turns out I never used this approach, because it's not common sense when working in a team and still feels too verbose. Either one uses then/catch or async/await with try/catch. However, I still feel try/catch still makes code unattractive.

[0] https://www.robinwieruch.de/javascript-async-await-without-t...

rwieruch··on Show HN: React-Table-Library
Sorry. TBH I didn't optimize it for mobile yet. In addition, Storybook is a pain on mobile too, so both of these worlds sum up the negative experience here. Please try it on desktop! I will address mobile in the iteration :)
rwieruch··on React Arborist – A full-featured tree component for React
FWIW I am working on such a table library for React [0] which has a great tree plug-in. So you can use it either as tree table or tree list (if just having one column).

[0] https://react-table-library.com/

rwieruch··on Ask HN: How many 2FA tokens do you have?
Does it make sense to have passwords and OTPs at a space with the same attack vector?
rwieruch··on Ask HN: What is your “I don't care if this succeeds” project?
I build react-table-library [0] for a client of mine one year ago. From there on, I used my spare time to advance the library and to let off steam when I need just hands on coding. It turned out to be a pretty powerful library, but I hadn't yet the courage to publicly announce it.

- [0] https://react-table-library.com/

rwieruch··on Esbuild – An extremely fast JavaScript bundler
esbuild is partially [0] used in Vite [1] where you get a dev server et al.

- [0] https://vitejs.dev/guide/why.html#why-not-bundle-with-esbuil... - [1] https://vitejs.dev/

rwieruch··on Ask HN: Freelancer? Seeking freelancer? (September 2021)
SEEKING WORK | REMOTE | FULL STACK JAVASCRIPT DEVELOPER

Website: https://www.robinwieruch.de GitHub: https://github.com/rwieruch

Mainly React.js for MVP Development, Large Scale Application Development, Workshops, Code Reviews/Audits

rwieruch··on How we use web components
In a closed source project I worked for, we used wrapped web components as React components for a UI library. I cannot show something here, only the approach we have used for it: https://www.robinwieruch.de/react-web-components
rwieruch··on Building React and Vue Support for Tailwind UI
Super interesting to read this. Especially how you eventually bridged HTML to React/Vue. Thanks for sharing!

One year ago I had to do something similar and used Web Components (https://www.robinwieruch.de/react-web-components). Did you consider using Web Components or a Web Components library such as lit-html in the first place?

rwieruch··on SPAs Are Dead?
Related to this I was always wondering where to store refresh tokens when using both, access token and refresh token. Reference: https://stackoverflow.com/q/57650692
rwieruch··on A solo journey to $100k in sales
Congrats! \o/

NB: Really refreshing how you created this timeline! You should make a (Gatsby) theme out of it :)

rwieruch··on How to deploy a React app for free
This holds true for all kind of content (YouTube, Courses, StackOverflow, Reddit, HackerNews) where a person has no ownership or no monetary interest (or doesn't worship pure altruism) ... At least content creators are urged to keep their content up-to-date, otherwise they would receive bad feedback (and bad SEO scores over time if people don't stay on your website). I could name you lots of articles I have kept up-to-date over the last 3 years (more than I wrote for sure), and I know this doesn't apply to all content creators, but I can tell you that it really matters for your readers and your credibility.

For sure, the easiest thing as a content creator is publishing (almost) ever green content (see web applications article). However, most often you are looking for topics that solve actual problems of your readers (see react testing library article) which often leads to bleeding edge technology which isn't document well yet.

For what it's worth, there will always be companies with money who pay people to write content to support their products (e.g. SaaS). This makes it harder every day for individuals like me to sustain their livelihoods. However, I strongly believe in the long run quality trumps quantity.

In a perfect world, there would be (1) one perfect learning material (e.g. official documentation) and (2) one unified learning style (e.g. text, video, both) for all students. But we are not living in a perfect world and therefore people look for resources outside of the box.

rwieruch··on How to deploy a React app for free
One of my latest articles: https://www.robinwieruch.de/react-testing-library Is this listicle spam or helpful for people who get started with testing in React? :)

The last one I dropped was https://www.robinwieruch.de/web-applications which has more than 5000 words (1/6 of a book) of fundamentals in web development -- which took me 3 workdays of writing without anyone paying me for it. Still it gets less attention on Twitter than some random dev meme or inspirational dev tweet; and will probably not be picked up by HackerNews if anyone posts it ¯\_(ツ)_/¯

I do my best to teach people fundamentals. If they like my content on my blog, people buy my books/courses. This and their feedback (e.g. on Amazon, E-Mail) gives me confidence that I am doing the right thing. Without good content I don't get paid at the end of the month ...

Thanks for the shoutout @Pandabob! :)

rwieruch··on Microsoft Fast Design
For anyone who is interested in seeing a practical example of using web components in a library like React https://www.robinwieruch.de/react-web-components Last year I worked for a large company which had Angular and React teams, so the idea was to use web components for their UI library and then just let the angular and react teams write wrapper for these components. I had to prototype how to use web components in react.
← PreviousPage 2 of 9Next →