Recently, I've been working on an image viewer desktop app using Tauri. I like the fact that I can use my favorite JavaScript packages to build it and that it forces me to use and learn a little bit about Rust. The start-up time is also a lot faster than I expected.
#tauri
I just posted a blog article about different ways of data fetching in the React / Next.js ecosystem.
#react#reactjs#nextjs#api#blog
https://t.co/ShuhoiOgC1
what I settled on in the end is:
z.string().refine((n) => !isNaN(Number(n)), "Please enter a number")
* z.string() already throws an error for an empty ("") string so you don't have to check for it like z.coerce.number()
#zod#reacthookform
Had to learn and try different zod methods like "z.coerce", "z.transform()", "z.preprocess()", and "z.refine()" just to properly validate and show correct error messages for a number input field with react-hook-form and zod resolver...
#zod#reacthookform
I'm getting the hang of using the URL Query String (Search Params) as the state.
Each option only modifies its own variable (color or size), the price is then calculated by reading all variables from the URL and finding a variant that matches all conditions.
#nextjs#shopify
"Clothing Store E-Commerce Website Design" @Behance
I just finished the design for my next project.
I will be using Next.js for the front end and Shopify for the back end.
#figma#design#webdesign#clothing#ecommerce
https://t.co/e4HkoNcbHA
"Japanese Sushi Restaurant Website Design"
I just finished the design for my next project. I used Figma for the desktop and mobile designs and Photoshop for the logo.
#figma#design#webdesign#photoshop#sushi#restaurant
https://t.co/1qE6nqgFnZ
I made a cooking recipe mobile application using React Native.
It helped me learn more about React Native and Expo.
I used NativeWind for styling, RTK Query for state/fetching, and Zod for validation.
GitHub: https://t.co/9eXIUO4JHm
#reactnative#expo#nativewind#typescript
"React Native setup with Expo Router, NativeWind, and TypeScript"
In this article, I explain the steps you need to take to have a working setup so you can start developing using React Native.
#DEVCommunity#typescript#reactnative#expo#tailwindcss
https://t.co/W0mhyteKsh