Published in The Hamato Yogi Chronichels·PinnedHow to Build A React TS Tailwind Design SystemOriginally published on DEV.TO. Why you would want to do it and a step-by-step guide on how. What is this❓ Another “how to” article (post)?! Yes, it is. What’s in it for you? Hear me out, it’s going to be worth it. By the end of this post, you will be able to roll out a starting point for your own React +…React33 min readReact33 min read
Published in The Hamato Yogi Chronichels·PinnedLet’s Build Micro Frontends with NextJS and Module Federation!That headline is a mouth-full, I know! In the past several years I have been working on distributed and multiple teams as well as being a pretty early adopter of NextJS (since around V2.0!) in production. I’ve worked on micro frontends with shared npm packages while trying to orchestrate one…JavaScript11 min readJavaScript11 min read
Jun 28, 2022React Next IL Conference 2022 SummaryOverall, I had a blast at the conference! But also, the day before was pretty sweet. How many of you can say you bought Kent C Dodds a Schwarma and showed David K where he can get some good grub in TLV?React4 min readReact4 min read
Published in FedBites·Apr 27, 2021Getting Started with TSDX and StorybookIf you’ve got to this post, you probably want to start building a React components library in a hassle-free way. I’ve stated more than once how fast it is to kick start a React / TypeScript project, and even went a step further and described how to build a design…Storybook9 min readStorybook9 min read
Published in FedBites·Apr 27, 2021Building TS Packages: Anatomy Of A React StoryBook TSDX ProjectI’ve been having a really great experience using TSDX to create packages. I use it mostly to create UI packages paired with StoryBook, but it’s great for creating any type of TypeScript packages. In short, it removes a lot of the friction of configuring all the bits and pieces needed…Typescript3 min readTypescript3 min read
Published in The Hamato Yogi Chronichels·Nov 20, 2020A Tale of An Elder Millennial: How I Started My Tech Journey — Part 1The Good Old Days… From the tender age of 5, I have been using a computer. I’ve had most of the old PC’s from the x086 to a Pentium 5. I’ve used MS-DOS from the start, command line and all. I remember Norton Commander. A simple sleek 3 color UI with just tables. Two…Technology6 min readTechnology6 min read
Published in FedBites·Feb 4, 2019Member-onlyGetting Started With CSS Grid — Part 2: What can you do with CSS Grid? Learn by example — Grid GardenI’ve already said that CSS Grid is awesome. Now, I want to show you why. I think the best way to learn things, is by getting your hands dirty. …CSS4 min readCSS4 min read
Published in The Hamato Yogi Chronichels·Jan 25, 2019How We Moved From Wordpress to React and Raised $80 MillionTLDR; Culture Trip’s website used to be a WordPress site. Now it’s a flexible, universal (isomorphic) JavaScript App powered by Next.js, React, MobX and Styled-Components on the front-end that uses WordPress as a semi-headless CMS. $80 Million got you to click through, didn’t it? That’s just a knee-jerk reaction from…JavaScript13 min readJavaScript13 min read
Published in FedBites·Jan 11, 2019Getting Started With CSS Grid — Part 1: ResourcesTLDR; CSS Grid is awesome. It solves all the webs layout problems. (paraphrasing Scott Tolinski from Syntax.FM). It adds a lot of new CSS functions and helpers like auto-fit and minmax Compared to FlexBox -> 1-dimension vs 2 dimensions for vertical and horizontal layout. Where to start: This worked for me: http://cssgridgarden.com/ the documentation of course: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_LayoutWeb Development1 min readWeb Development1 min read