Ruben Casas 🦊
@Infoxicador
Followers
3K
Following
51K
Media
2K
Statuses
21K
@GoogleDevExpert 💻 Staff Engineer at @getpostman, 🗣️ Speaker and tech blogger ✍️ Sharing tips and insights on Frontend Architecture at Scale.
London, UK 🇬🇧
Joined August 2009
You (probably) don't need Micro-Frontends. This is the "Distributed and Decoupled Spectrum" . Make sure that you explore all the other options before trying to implement a fully distributed system
14
135
813
Today is a sad day:. Apparently, my favourite HTML element, <marquee /> . Has been deprecated ⚠️ . My first ever website used it everywhere. Thanks for all the great memories. We will miss ya.
91
214
2K
In today's episode of Twitter Epic Fights: . ( •_•) (•_• ). ( ง )ง ୧( ୧ ). /︶\ /︶\.git merge git rebase.
42
113
1K
It is Open Source Maintainer Day. Thank an Open Source Maintainer you know (and maybe buy them a coffee ☕️). We are where we are because of them ❤️
9
204
1K
“Semicolons in JS…”. *scroll*. “Center a div…”. *scroll*. “Framework X sucks here is why…”. *scroll*. “Tell me you are a. without telling me…”. *scroll*. “HTML is not a programming… “. *scr…. SMASHES PHONE AGAINST WALL*.
44
74
670
Not sure who needs to hear this, but… . CORS errors must be fixed by the backend API you are calling, not the frontend. ❌. If you are trying to fix it in the fronted, either by using extensions or workarounds you are going in the wrong direction. 🛑.
24
89
612
Open source maintainers:. Do you get offended when someone raises a PR to fix a typo / grammar on one of your repos?. Or do you consider that as a valid contribution?.
181
43
573
.@vercel just published an article on how to do Micro-Frontends with Next.js. I don't want to discuss whether they are Micro-Frontends or not, but I would like to point out the disadvantages of using that approach and why it hurts UX and organizational scaling more than you think.
9
75
567
The React Router Defer API is Revolutionary!. Most of us haven't realised how powerful it is yet. It can give you total control over your applications' data loading and transform your User Experiences. Here is an example:
8
52
475
Every time I choose to create my own React components instead of using a library:
4
59
401
Micro-Frontends are an architectural pattern to solve an organisational issue. Not a specific technology.
15
55
403
It is not: . “Hydration”. It is:. “Client Side Server Side Rendering”
8
18
270
(un)popular opinion:. Not having unit tests at all…. is better than having unit tests that test implementation details.
9
10
190
Drop whatever you are doing and check this out!. @AnfibiaCreativa has produced the most comprehensive documentation on distributed frontend architecture I have ever seen. This is what the community was missing; fantastic work, Natalia! 👏.
4
24
131
Your problem is not legacy code 💥. Your problem is coupling. Contained legacy code is often harmless if it has stable foundations.
4
20
97
Today I received the keys to my dream family house. This concludes my move to level 3 on the wealth scale after having escaped the extreme poverty of level 1 where I was born. Here is my story.
13
8
99
A mistake I have seen very often:. Confusing “Separation of concerns.” . with. “Separation of implementation”. Code that changes together should stay together.
4
7
94
I had a ton of fun writing this post! 😁. The new @remix_run and React Router defer is awesome! . Here is what I found on parallel fetching, slow data and levers:.
1
16
88
Update:. Thanks everybody! I went for a 4K 32” curved and it is amazing!. Excellent recommendation 🙌
The question now is 4K or fullHD 🤔. Is it worth the extra pixels?.
11
1
89
I think @remix_run is an outstanding and well designed framework!. But its killer feature is definitely the fact that is decoupled from Node.js and it can be deployed to the edge (Cloudfare Workers) 🎯 . The edge computing era is here my friends 😁.
3
8
84
@Swizec I have been writing html since I was 12 and I can’t remember syntax sometimes. The only one I never forget is <marquee />.
5
1
83
Tech Twitter right now:. ( •_•) (•_• ). ( ง )ง ୧( ୧ ). /︶\ /︶\.Left Sidebar Right Sidebar.
8
6
84
@thdxr It’s a bell curve. I have done it all. — I have used a bad abstraction. — Created my own abstraction. — used a good abstraction . Creating your own is in the middle of the curve. Similar to @tan_stack query, people understimate the complexity and edge cases.
5
2
83
**BREAKING**. Live footage of Tech Twitter right now:. Also, have you tried @PolyworkHQ? It is awesome! . I have some invites 😂
18
8
74
@kaseyklimes I don’t want a scenic route!. I just don’t want to die while driving through one way country side lanes avoiding sheep, tractors and ditches just to save 2 mins.
3
0
73
@AdamRackis Library TS vs App TS. Problem is TS haters see Library TS and immediately assume writing apps is the same complexity.
5
2
74
Attention Recruiters 🚨. Mark your calendars!. May 29th 2023 ⚛
2
6
67
@thekitze I feel attacked 😂.
It is domain renewal week for me 💸. Worst subscription ever! Do not recommend!. How many domains do you own?
1
0
71
Unlike Microservices, you can’t slice your browser into multiple pieces. The benefit of Micro-Frontends are mostly organisational, don’t expect any performance or horizontal scaling improvements…. Quite the opposite 🤔. If you are not careful you could make the performance of.
7
7
65
@erikras tell me you are testing github actions without telling me you are testing github actios.
5
0
64
@housecor Removing unnecessary code? . In fact, not writing code at all, giving up software development and starting a pig farm instead? 😅.
5
1
65
RIP to all the blog posts I wanted to write but never had the chance to. They are now irrelevant. Tech moves fast, my friends ⏩.
2
4
61
The best part about @remix_run is when you Google something like:. “Remix tabs”. And you get results on guitar tablatures 🎸 😂.
9
0
54
Are you a developer? . Here are 🔟 Micro-Frontend Frameworks you should know in 2022. A MEGA thread 🧵👇.
2
7
54
✨When Contributing to Open Source✨. Don’t ask if you can raise a PR . Just raise the PR 😁.
3
3
57
When your SPA responds with .HTTP 200 OK. But renders:. “Page not found”
0
11
56
Separating business logic from your UI, data fetching, and utility functions is really hard for one reason:. Nobody knows what business logic actually means 🤔.
16
4
55
“So Vue is better than angular, but React is better than Vue, but none of that matters if you don’t know HTML CSS and vanilla JavaScript, that’s why I prefer to avoid frameworks and code at low level machine code so I can focus on learning AI and no-code”.
5
14
51
If you search for “Who invented React” . It comes up with “Jordan Walke” but with a picture of @dan_abramov, therefore perpetuating the misconception 🤦♂️
5
2
54
I am so thrilled to announce that I am becoming a "Postmanaut 🚀" . I am joining @getpostman as a Staff Engineer to build. (you guessed it. ) Micro-Frontends! 😁. So excited for this new chapter in my career!
12
1
55
NODE_ENV was a mistake 💥. However, here’s how you can improve things:. NODE_ENV=development should be only set on local machines . NODE_ENV=production everywhere else. The closer to production on your higher environments the better. No nasty surprises 🤞.
10
10
52
Can AI lie? . How does it know about current events if not updated and trained with more recent data 🤔
16
8
52
My blog is still on Next.js 10. Can't deploy it anymore because of a "prerender error" that only happens on Vercel, not locally. Options:. - Debug the error. - Update to Next.js 13. - Migrate to @remix_run . You probably know what I will choose 😂.
12
0
50
Couldn't find a lot of documentation on this amazing feature of Module Federation. 2 hours later I finished writing an article about it 😁. If you want to avoid dependency duplication, Check it out to learn how to use it and when it might come in handy.
7
13
49
@eddiejaoude rm -rf . && git add -am && git commit -m “feat(): if I run this command in real life I’d be fired”.
4
2
49
As an engineer what’s the pet peeve that kills your motivation?. I’ll start:. “Tech debt that is never prioritised and results in painful daily developer experience”.
5
7
46
If you were offered a senior engineer role that ticks all the boxes including salary benefits and responsibilities but you are not given the “senior” job title…. Would you take it?.
33
3
44
@trashh_dev The UK government is the only exception. Masterclass on how to built great websites.
6
0
48
They said my room was on the fourth floor. For the life of me, I can’t seem to find it!
8
0
46
Dear software developer:. Your job is safe. The new Bing refuses to write code for you because it is “unethical and unprofessional” . 😂
10
3
47
What’s the most common hobby / activity . Most software developers have in common . that is not tech related?. Correct answers only.
62
3
46
How do you create modals using React Router 6 and @remix_run?. Here are two options:. - Using Nested Routes. - Using URL Search Params . Which one is better?. You know me. The answer is, "It depends.".
3
7
47
Recruiters are anxiously waiting for May 29th 2023 📆. On that day they can continue asking candidates for 10 years of React ⚛️ experience without being mocked.
5
10
42
***No pressure… just tweet casually*** 😂. Thank you so much @kentcdodds, not just for the follow but also for your friendship 🙌
3
0
40
When you forget to cancel that free trial subscription . and they take the payment for the entire year 🥲
7
2
42
Un(popular) opinion 🔥:. Agile is just an official micro management framework.
4
4
36
I've just quit my job 😅. Sad to leave a place with excellent people and a great culture, but what's next is really exciting! . Stay tuned 😉
12
0
41
Underrated skill at large companies:. “Digital archaeologist” 🦕. Finding out why decisions were made and documenting them provides a lot of value to existing and future projects.
3
14
37
Micro-Frontends are not just for the Web 🤯. The @Ionicframework team have done a fantastic job by enabling independent development with Ionic Portals.
0
11
39
@catalinmpit Sorry to disappoint you, but only a quantum computer is capable of running 2 chrome tabs at the same time 😂.
1
0
38
Today I have become the dad of a two-year-old! 🎉. Crazy how time flies.
5
0
38
In the article they discuss how using "zones" is a "good UX compromise" . If performance and a full page refresh are not an issue, then you can use this approach, which limits the use cases. So forget about using zones for e-Commerce.
3
5
37
About to board a 11 hour flight with a 2 year old. Wish me luck ✈️
7
0
37
Another problem with zones that is not mentioned:. Silos and an inconsistent UX. The Design System should help here but what happens, in reality, is that you end up with 20 copies of the header that make you deploy all the separate apps whenever there is a change.
3
1
36
@ThePrimeagen These types of hot takes come back every couple of weeks… how do we make it stop and settle it once and for all? 😅.
Today on Tech Twitter:. ( •_•) (•_• ). ( ง )ง ୧( ୧ ). /︶\ /︶\.snake_case camelCase. Come back tomorrow for more epic fights 😂.
3
0
34
From the creators of. “Code is self documented” and. “We don’t need documentation”
6
2
33
@midudev Prueba de que hay un gran número de desarrolladores buscando contenido de habla hispana. Conferencia para cuando Miguel? 👀.
1
0
32
After listening to @RyanCarniato on the @PodRocketpod, something in my head just "clicked" 🤯. We have entered the third generation of web applications, and I think I now understand what that means exactly 😁.
9
1
34
Haven’t been blogging for a little while, but there are certain topics that are just so exciting I need to take them out of my head. Time and time and again I find a lot of confusion about what Micro-Frontends really are… here’s my take:.
0
3
32
Wish I could raise a PR to this tweet to fix my typo 🙈. Valid != Valuable 😅. I think that’s probably what I meant.
1
0
31
@mgdotdev The glare. The sunburn. The back pain . 😅. I prefer my desk to code and a place like this to relax. Have fun!.
0
0
31
@AnfibiaCreativa @NehemiahKiv Good all days of taking entire sites down after dragging the wrong files through FileZilla 😂.
2
0
29
I’ve been suffering from tech FOMO lately…. There is so much cool stuff coming out like:. - @stackblitz.- Aegis / Module Federation.- @bitdev_ Harmony.- Esbuild / Vite.- Remotion.- Vue / Nuxt.- Rust / WASM / go.- vanilla-extract .- @blitz_js. Have you played with any of these?.
5
3
31
Their conclusion is to "Build your whole app and run the entire CI/CD pipeline" every time there is a change. That's the opposite of team autonomy and independent deployments. If you are able to decouple the app, that will soon reach a limit no matter how fast your CI CD is.
4
0
32
Today is my first day at @getpostman and can't contain my excitement! . Ready to change the (API First) World! 💪
2
3
31