Yup, today I start my new journey as Senior Software Engineer at
@Microsoft
R&D Israel. All the best to whatever ahead โค๏ธ๐ฅณ.
P.S: if you are in Microsoft, feel free to hit me up for a chat :)
Good news ๐! My Learning Vue book is in production and will be ready for order next week!
My baby wonโt make it way to the world without the great help of these awesome reviewers:
@arkangelofkaos
@LipiPatnaik
@chrisvfritz
@jacobandrewsky
Vishwesh Ravi Shrimali
And theโฆ
๐ Just release the
@cloudinary
module for
@nuxt_js
for testing โจ
๐ธOptimized image/video on demand
๐ธGet optimized version from a remote resource url
๐ธ Smarter image/video component
... and more ๐
Nuxt Cloudinary v1.0.0 is out ๐
โจ Upload support
โจ Pre-generate delivery urls support
โจ Built-in basic optimization with f_auto and q_auto
โจ Generate thumbnail for video
โจ New syntax for module
... and more ๐
@cloudinary
@nuxt_js
๐พ New tool - Color generator for image ๐
๐จ Get main colors from an image
๐ฉ๐ปโ๐จ Generate palette per color
๐ฉโ๐ป Use the palettes in
@tailwindcss
projects ๐ฅ
Repo:
Built with
@nuxt_js
, deployed on
@vercel
โค๏ธ
Congratulations to
#XiaoZhan
for being
@WeTVOfficial
brand ambassador. A token of support from me - 10490 โค๏ธ. A great choice and look forward to the future ๐๐ป (wanted to do 10500 but wasnโt possible with the 20 point system ๐ฅฒ)
#XIAOZHAN_WETV
I pulled it off, my very first live talk at
#BackendLessConf
๐ฅ .
Thank you for joining my session, my talk slides are here ๐:
#cloudyBadge
will come really soon with
@gridsome
&
@zeithq
๐.
Static is the new dynamic with the right architecture โค๏ธ!
I was looking for a good example on how to use
@Netlify
and
@nuxt_js
to build an online store ๐ and guess what,
@sarah_edo
built it already! Thank you ๐. Just what I need! ๐ฅฐ
So...I wrote a script tool to auto-generate content file (.md with YAML blocks, .yaml or .csv) based on common template to use in
#Nuxtjs
Content module, or create a customized one ๐ ๐
Automation make life easier ๐ Should I open-source it? ๐
#NodeJS
My portfolio site is live ๐ช๐ป ๐โค๏ธ with
๐ฅ
@nuxt_js
๐ฅNuxt content + Github submodule for content
๐ฅ
@tailwindcss
+ Nuxt color-mode for theme
๐ฅ
@cloudinary
for images
๐ฅDeploy on
@vercel
๐ Site:
๐ Repo:
#Jamstack
โSvelte is meant to be the framework that isn't really a frameworkโ ๐ฅ
I like the idea of improving the compiler, rather than abusing the virtual DOM ๐
@sveltejs
My porfolio is converted to
@nuxt_js
, deploying with
@Netlify
and completely
#JAMstack
๐. And hit the max score in Google audit! Awesome :)๐ค
You can check out my website here:
(Work is still need to be done for better UI design and content ๐)
Dude. Iโm a mother of three kids, and a full time SE. Who defines womenโs job is being mother solely? I went to maternity leave and each time I came back, I donโt get outdated. Instead, I jumped further in my career.
Ladies, donโt let that crap get into your head ๐ฉ.
Common questions people asked me when they knew Iโm a software developer ๐คท๐ปโโ๏ธ
1. Can you take a look/fix/check why my computer? ๐ณ
2. You study computer, why canโt you fix my <put any device here>? ๐คฆ๐ปโโ๏ธ
3. What computer/laptop do you recommend to buy? ๐
Whatโs yours?
Thank you for having me
@vuejsamsterdam
I had so much fun time talking about building customizable component library :).
Here are the slides ๐
#VuejsAmsterdam
Enjoy! Iโm open for discussion so just catch me and letโs talk โค๏ธ๐
๐ก[Tip] In TypeScript you can use โkeyof typeofโ to declare a type that only accepts names of an objectโs properties as value, without knowing or declaring the type of that object in advance ๐.
โจ Useful in making sure key in yourObj[key] will not be undefined ;) .
๐ Learn how to properly manage your site content with
@nuxt_js
Content module and
#git
submodule as your own headless CMS ๐ฅณ
๐
Enjoy ๐!
#webdevelopment
๐๐ปโโ๏ธ If I make a course on how to use
@GraphQL
, serverless functions with
@vercel
deployment, theming with CSS and
@Vuejs
to make this ๐๐ป Pokemon Explorer app, will you be interested? ๐
Demo:
This is probably the biggest room I ever had so far. The hotel where
@jscamp
arranged for us speakers is awesome ๐ (especially when it is right next to a shopping mall ๐๐)
#jscamp
๐กNeed to allow use to pass an object with some fields of a Type, but not all declared fields, to a function, like update() ?
โจ Use Partial<Type> to create the exact same type, just all properties become optional ;) ๐
My talk about CSS-in-JS last July at
@jscamp
is up on YouTube. Check it out and enjoy ๐ the good, the bad and the ugly of writing CSS in JS ๐
#reactjs
#cssinjs
๐คฉ Excited to announce that I will be joining
@tryultimate
as
#writer
๐๐๐, along with other great writers to contribute to the JS community ๐ค๐ฝ. DM me if you have any topic you want to know ๐.
And stay tuned because... WIP ๐๐
Say hi to Vurianjs Wizard component - a Vue 3 component built on state machines ๐
Repo:
Doc:
Currently there is only Wizard and itโs still a WIP โบ๏ธ but hopefully there will be more and a better documentation
It was totally a blast ๐ฅ at
@vuejsamsterdam
Had so much fun meeting up with friends, catching up with the community and share my knowledge on stage ๐ฅฐ.
Thank you for having me and hope to see you again soon โค๏ธ
#JSWorldConference
New article ๐ข ๐ - Unlock the potential of Vitest in testing React hooks!
๐ Learn how to leverage
@vitest_dev
and React Testing Library for efficient, maintainable, and extendable unit tests.
โก๏ธ
Thank you for joining me at my session CSS-in-JS: The good, the bad & the ugly at
@jscamp
. It was my honor to be a speaker ๐. Here are the slides of my talk:
Demo code:
Enjoy and my DM is always open for feedback ๐โค๏ธ
#reactjs
๐ก[TIP] Declare an inherited type without certain fields in TypeScript? Omit is exactly for that ๐.
โจYou can re-declare a fieldโs type using Omit also ;).
What did I do in 2020? Oh well, nothing much except
๐ธGave birth to a ๐ถ
๐ธMaternity leave & online confs, made
@nuxt_js
module for
@cloudinary
, be an Ambassador (convinced by
@debs_obrien
) - for fun ๐
๐ธMore OSS projects
๐ธBack to work
๐ธBe a mom of 3 ๐
OK Thatโs a lot ๐คฃ