Latest posts
TheFrontEnd🔥
3 Oct 2023, 18:38
#thoughtsToday I had a pleasure (not really) getting to think about how far should I go in supporting Safari.At some point I found this which basically quoted:Safari is the baseline in terms of web standards: The sites we develop must work in Safari versions at least 2 years old.Which somehow resulted in aiming at Safari 13.1.2 with ended support in 2020 but some users still on it.Boy, did I suffer. I'm using Antd as UI lib at work and let me just mention 1 thing - Grid is broken everywhere on our latest version.One thing you'd hope UI lib does really well is grid and layout, I can add border-radius to buttons myself..How is that possible that there is a browser out there that is still so bad?Speaking of which, I'm currently using Arc for my main browser for more than 2 months and couldn't be happier with it (if any of you folks looking for a switch)
TheFrontEnd🔥
19 Sept 2023, 17:49
#toolsWow, this is golden 10/10 🔥https://www.refactornow.dev/roastYour personal AI code roasting tool. Been throwing it a few snippets from online and it comes back with pretty nasty, but also fair feedback.It can also come with a good feedback where it ll be like "huh, well I'm impressed and surprised, good job" 😂I guess my PR reviews will get to a new level with this 😈
TheFrontEnd🔥
18 Sept 2023, 16:38
#newsWhat's all the hype around ditching typescript recently?🔗 LinkLike how is it surprising to some that with type safety you gonna spent more time with what some refer as "type gymnastics" to simplify your life in the future? 🤔TheFrontEnd🔥
2 Sept 2023, 18:56edited
#tools I've finally might have found a decent rich text editor for react - megadraft 🔥. Needed something a bit more modern for React that is also quite extensible (eg allows files D&D and markup). Also mimicking something like telegraph (doesn't have toTheFrontEnd🔥
19 Aug 2023, 20:17
Best JS framework to date!Spoiler: ⛔️⛔️⛔️⛔️⛔️TheFrontEnd🔥
17 Aug 2023, 16:25
#learnThe quickest explanation on hex vs rgb I've seen + also how you can derive one from another.🔗Link
TheFrontEnd🔥
4 Aug 2023, 07:30
#personal #uiux #learnAll of the above are also valid QR codes. Some people asked me to share more on that - there you go then 😂First of all this images are from qrbtf - a service that attempts to automate this whole process. You can jump in and try to generate yours quickly with some prompts. The only thing it won't let you change url the QR points to as the whole system is still WIP.But all they do under the hood is use stable diffusion with specific controlNet that integrates your QR into generated image. I really recommend trying it yourself though as the process is quite fun and you learn along the way. And I'll share all the links you need to get started.There is one specific guy that deserves all kudos in the world that wrote the whole 101 on it. Not gonna reinvent the wheel here - so https://antfu.me/posts/ai-qrcode-101I managed to even get it running on my lower M1TheFrontEnd🔥
4 Aug 2023, 07:28
TheFrontEnd🔥
30 Jul 2023, 21:24edited
#thoughtsSpeaking of QR codes. Image above is a totally valid QR code. Had a bit of playing with stable diffusion over the weekend.Might take a bit to get recognised by a scanner, but that's the balance it's tricky to keep (recognisability vs making it non-obvious).This AI stuff is hyped for a reason guys 🔥TheFrontEnd🔥
30 Jul 2023, 21:20
TheFrontEnd🔥
26 Jul 2023, 08:56
#learn5 inconvenient truths about 👩💻.Technically it's 4, but all valid points.🔅9 min 🔅Link
TheFrontEnd🔥
25 Jul 2023, 12:04edited
#toolsIncredibly large selection of hooks for whatever you need.Anything from useless useRenderCount - cuz you should use browser tooling to properly track unnecessary renders, to handy useDebounce, useFetch or usePrevious.Last one is quite a help in function components where you dont get prev values out of the box like with some lifecycle methods in class components.https://usehooks.com/
TheFrontEnd🔥
24 Jul 2023, 07:50
TheFrontEnd🔥
23 Jul 2023, 11:06
#learnAnd to quickly add on the latest post, can't remember if I shared this one before - this is the best, 10/10 🔥 explanation how QR codes actually work.🔗 Twitter link that's worth your timeLike did you know if you cover or break certain parts of the QR it will still work just fine?PS that's because the information is stored in repeated patterns, find out more in the link 😉
TheFrontEnd🔥
23 Jul 2023, 11:00
#learn #toolsI've recently had a proper deep dive into all QR code related stuff.We needed to get a "check in" system on site with really poor Internet connection. People would come and scan their QR codes from the mobile app using tablet with a simple Web app.Turns out it's not that difficult once you get a grasp of it.I've used react-native-qr-svg on mobile to quickly render QR codes. And react-qr-reader on the web.Now, each user on the server gets a unique id (duh) and also what's called hmac.The QR itself on mobile is a combination of userId-hmac-totpThe first 2 are used to check if the user is the one they claim to be (aka you can hack userId, but you won't find out their hmac unless you know the secret key), this prevents random people generating QR codes and checking in on site for their friends.The last totp part really is just One Time Password mechanism usingTheFrontEnd🔥
22 Jul 2023, 19:38edited
#toolsReclaim AI - amazing tool to finally sort out your planning (the fact that you are reading this after a terribly long delay proves the point 😂)Linked my work and personal calendars, set up a few habits, voila 🪄, it automatically rearranged everything according to my priorities and available times.What's even better is that it doesnt leak into my work calendar and also if someone invited me into a meeting it's gonna auto rearrange everything around it for me.Also built quite nicely 🔥 the UI is really smooth.
TheFrontEnd🔥
29 May 2023, 13:22edited
#communityOne of our subscribers (@shuggggan) created an AI newsletter and giving away freebies that you might be interested in. All totally free and you can read it first before subscribing.If you are into AI, give it a through look 🔥Byte-Sized AIGet up-to-date on the AI Business landscape every week in 5 minutesTheFrontEnd🔥
25 May 2023, 17:17
#learnThis is literally the best way to utilise Web technologies for articles or courses. Never saw someone using this type of animation & styling instead of just making rendering bold.As a bonus it actually talks about how and why React renders, so definitely worth a read.https://ui.dev/why-react-rendersTheFrontEnd🔥
5 Apr 2023, 20:03
#uiux #learnYet another steal reference serviceCan be a handy tool whenever you face UI or UX issues and wonder how others did it.https://chamjo.design/
TheFrontEnd🔥
5 Apr 2023, 11:01
<Head> Are you good in FrontEnd? <Head/><Body> We've created the unique coding game, launch in the browser with a 3d world and rewarding crypto.Write code, have fun and earn TON, do interesting tasks from Junior to Senior level.Follow this link and explore TONight world: 👉 https://cutt.ly/L7uTRu3 <Body/>
Related Channels
Other channels in the same section of the catalogue.
