رسالة من Backend Engineer:
"ال type script ده اختراع أنا مش عارف الكود بيعمل ايه و بيروح منين لفين بس فضلت ماشي وري ال type errors لغايه ما البتاع اشتغل"
عمل feature بحالها فرونت وباك بمجرد انه مشي ورا الي Errors في E2E typed system.
مفيش سبب يخليك متشتغلش TypeScript دلوقتي.
🤩 vee-validate has hit the 10k
@github
stars 🌟 mark!
When I began this journey, I couldn't have imagined it coming this far, how much I would learn, or the people I would meet 🤯
I'm grateful for the
@vuejs
community and all who support my work.
بدأت بودكاست جديد🎙️ باسم "Untyped" بالعربي وحيتناول مواضيع Frontend و JavaScript Ecosystem واكيد Vue.js اسبوعيا.
ممكن تسمعوه علي اكتر من منصة من هنا 👇
الحلقة الاولي بتكلم عن ال Signals وليه في اتجاه ناحيتها والفروق بينها وبين الحلول المشابهة.
منارة (
@TeamManara
) هي أكبر مجتمع لمهندسي البرمجة في الشرق الاوسط و منصة متخصصة لتدريب المبرمجين على انهم ينجحوا في انترفيوهات أكبر شركات التقنية العالمية زي جوجل و ميتا و امازون و غيرهم. غير كدا برامجهم مجانية تماماً.
الي عاجبني شخصياً هو قبل ما بتتخرج من برامجهم بيتعملك mock
حلقة جديدة من Untyped 🎙️
في الحلقة دي بتكلم عن مقدار المعلومات في الـ DevOps و الـ CI/CD الي لازم تكون عندك وتكتسبها كـ Frontend علشان تكون فعال في سوق العمل زي Docker و Nginx وغيرهم من الادوات الي بنستعملها يومياً ولا غنى عنهم في شغلنا. 🤓
I'm thrilled to announce that I've joined the
@GoogleDevExpert
program 🎉 This is a dream coming true for me.
I'm grateful for the opportunity to contribute, learn, and share my knowledge.
I want to thank
@Med7atDawoud
for the recommendation and my interviewers,
@SVrijraj
and
حلقة جديدة من Untyped 🎙️
في الحلقة دي بتكلم عن الـ Search Engine Optimization، ازاي بيشتغل، وازاي بيفرق معانا في نوع الادوات والـ Frameworks الي بنستعملها وايه اهم الـ Best Practices والـ Meta tags الي محتاجين ناخد بالنا منها.
Did you see that "Booleanish" and "Numberish" types tweets?
In this quick video, I'm showing you why would you use these types and how they can slightly improve the DX of your
@vuejs
components!
Also There is good chance you are already using them unknowingly 🤔
حلقة جديدة من Untyped Podcast!🎙️
انت دلوقتي عملت deploy للأبليكيشن بتاعك، وبعدين؟ هل هو شغال عند الناس التانيه ولا لا؟ هل في ايرورز بتطلع؟ ليه الناس بتقول عليه بطئ او مبيحملش؟
وعلشان كدا بنتكلم عن Observability
منصات اخري 👇
📢 Announcing vee-validate's
@nuxt_js
module 💚
🙌 Features:
- Auto imports for components and composables.
- Detecting missing zod or yup packages and auto importing the `toTypedSchema` helper for either.
📚Docs 👉
Yesterday I posted a "guess the issue" for a seemingly simple
@vuejs
code 😵💫
We encountered this issue, and understanding the rationale sheds light on some of Vue's fascinating under-the-hood stuff.
Shout out to
@icarusgkx
for figuring it out!
The answer is in this video 👇
Shipping this week in vee-validate for
@vuejs
A new improvement to typed schema providers (Zod, Yup, Valibot) ✅
You can check if a field is required without doing anything extra when using any of those providers.
After months of work, vee-validate 4.0 for
@vuejs
3 is out 🚀🎉🔥
The new API is focused on the sole aim to make building faster forms, much faster for developers ⚡️
📚 Docs
#vuejs
#javascript
✍️ PS: not tagged `latest` to prevent accidents with Vue 2
حلقة جديدة من Untyped🎙️
في الحلقة دي بتكلم عن TailwindCSS وايه فكرته وليه بقا محبوب وسط النقاشين.
بنلقي نظرة برضو علي نقاط النقض الي بيطرحها البعض وهل هو فعلاً كانك بتكتب inline styles؟ وليه بالنسبة لي هو ليس تبسيط للـ CSS بل طريقة مختلفة للتعبير عنه
حلقة جديدة ودسمة شوية من Untyped🎙️
في الحلقة دي بتكلم عن احد اصعب الحاجات في الويب وهو الـ Drag and Drop API واستخداماته الي بنشوفها كل يوم في اي سوفتوير بنستعمله وليه بعض المكتبات افضل من غيرها في تحسين تجربتك كـ developer.
حلقة جديدة من Untyped🎙️
في الحلقة دي بتكلم عن الـ Functional Programming ومصطلحاتها وبرمي امثلة عملية تفهمك وتوريك انك بالفعل بتستعمل الحاجات دي كل يوم من غير ما تاخد بالك 😲
ممكن تستمع للحلقة مباشرة علي الويبسايت الجديد وتوصل لاي منصة انت بتفضلها:
حلقة جديدة من Untyped 🎙️
هنتكلم عن ازاي بنستعمل الصور في الويب وإزاي بتأثر علي سرعة التحميل وتجربة المستخدم.
هنتكلم عن الأدوات اللي تقدر تستخدمها في تحسين الصور، بدون ما نضحي بالجودة، وهنعرف إزاي تختار الصيغة المثالية للصور، ونصائح للتطبيقات المختلفة.
حلقة العيد من Untyped 🎙️
كل سنة وانتم طيبين، في الحلقة دي بتكلم عن الـ Debugging عن طريق الـ console.log واخواتها وكمان بتكلم عن الـ breakpoints ونكهاتها المختلفة.
وازاي تستعمل كلا منهم في الموقف المناسب، وازاي ان الموضوع ملهوش علاقة بمستوى الخبرة.
أحب انا و
@ZohdiMahmoud
ان نعلن عن بودكاست جديد بأسم "A Point of Vue" 🎙️🔥
بودكاست
@apovue
كان تحت التحضير لأسابيع سابقة وحيقدم مواضيع خاصة بـ Vue.js مقدمة من ناس شغالة بيه في حياتها اليومية. يعني جميع المناقشات حتكون عملية ومفيدة!
الحلقة الأولي من A Point of Vue 🎙️🔥
ليه
@vuejs
وليه تستعمله كمبرمج وكصانع قرار في شركتك، الوضع دلوقتي بقا عامل ازاي في 2024.
بنتناقش عن الموضوع دا وازاي Vue.js يقارن بشكل عملي وواقعي كخيار في شركتك علي عدة مستويات ومن اكثر من منظور.
حلقة جديدة من Untyped 🎙️
في هذه الحلقة بنتكلم عن الـ Immutability وهل هي خاصية مرغوبة في الكود الي بنكتبه ام العكس وليه في Frameworks بتفرضها عليك وازاي فهمك ليها بشكل جيد بيقلل الاخطاء في الكود بتاعك.
Can you tell what is wrong in this simple
@vuejs
setup?
Hint: It's NOT in `Comp.vue` and it is NOT a syntax/compilation error, the code renders just fine.
حلقة جديدة من Untyped 🎙️
في الحلقة دي بتكلم عن الـ Authentication ومشاكله معانا وبنتكلم عن المفروض متعملوش علشان تحمي مستخدمينك قدر الامكان.
بنجاوب علي السؤال الوجودي "اعين الـ Token فين؟" وايه الحالات الي اختيارك قد يكون كارثي وافضل الـ Practices.
الـ Dialog Element غير حياتي، وممكن يغير حياتك انت كمان🫵
خشوا معانا بكرا في ورشة النقاشة واتعلم ازاي تستعمله النهاردا والحاجات الي تاخد بالك منها وازاي تستفيد منه لاقصى درجة مع الـ Framework الي بتستعملها!
السبت إن شاء الله ٨ بتوقيت مصر
مع م عبدالرحمن عوض
@logaretm
و هنتكلم بالتفصيل مقارنة بين ال Front end frameworks
react و vue و angular و qwik
مقارنة من منظور غير محايد 😂
عشان عبدالرحمن بيحب vue و عامل lib ماشاء الله
الlib هي vee-validate
(١)
I published a new article✍️
"Better Vue.js inputs with Generics: The Select"
This one is the first entry in a 3-part series where I showcase how generic types can be used to improve the typings and the DX of
@vuejs
input components.
حلقة جديدة من Untyped 🎙️
في الحلقة الدسمة دي بنتكلم عن كل حاجة متعلقة بلغة المحتوي وازاي بتفرق معانا في الـ Styling والـ State وازاي حتى بنكتب HTML وايه الادوات المتاحة لينا علشان نعرف نعمل ويب ابليكشن متعدد اللغات.
To me, the new runtime config in the recent
@nuxt_js
release is extremely valuable 🤩. For far too long I have rolled my own setup with `nuxtServerInit` to inject the env variables into the runtime 🤕.
Here is a comparison:
A warm welcome to
@logaretm
💚
Abdelrahman is the host of and writes about
@vuejs
on his blog.
In his talk, you will gain invaluable insights into the pitfalls and triumphs we encounter while building a thriving web application.
حلقة جديدة من Untyped 🎙️
في الحلقة دي بنتكلم عن احد اهم عناصر الويب UI وهي اي حاجة طايرة عندك في الشاشة بنعملها ازاي وليه هي صعبة. 😓
ايه ادوات الـ Positioning المتاحة لينا وايه الضوء في اخر النفق الي ممكن يحللنا كل مشاكلنا. 😯
حلقة جديدة من Untyped 🎙️
في الحلقة دي بتكلم عن مشكلة لما الفرونت ايند يكلم باك ايند احدث منه او العكس، فرونت ايند قديم يكلم باك ايند احدث منه وليه الحل يكمن في الـ App versioning مع الـ API.
هل تفرق من نوع application لآخر ولا لا 🤔
vee-validate just passed 8000 stars 🤩 🎉
I created vee-validate almost 4 years ago, I would like to thank everyone who contributed and all the feedback along the way 🙏
Great things are yet to come 🖖
#opensource
#VueJS
My year in review in no particular order:
🎙️ Started "Untyped" podcast.
🌟 10k+ stars on GitHub across my projects.
✈️ Gave talks at 🇩🇪🇮🇹 and met a lot of community heroes.
🤓 Became a
@GoogleDevExpert
.
🏗️ Worked on a lot of complex pieces
@rasayelio
✈️ Travelled to 🇪🇺 and
Just released vee-validate v4.8 for
@vuejs
with big DX improvements for TypeScript and Composition API users.
This is Typed Schemas 👇and supports both zod and yup!
vee-validate v4.10.8 for
@vuejs
is out with a considerable performance improvement. 🔥
If you have 600+ fields on a single page, it should perform much better now 😅
👇
Villus, a tiny 🍤 and fast GraphQL client for
@vuejs
has hit the beta release supporting both Vue 2 (with limitations) and Vue 3 🔥
with that, new docs 📚 are published 👇
#vuejs
#GraphQL
حلقة جديدة من Untyped Podcast 🎙️
في الحلقة دي بنتكلم عن الـ Caching في الفرونت ايند وايه الطرق والادوات المتاحة لينا وايه الاستراتجيات الي تقدر تستعملها في الـ Caching وازاي دا بيأثر علي تجربة المستخدم.
منصات اخري 👇
VeeValidate 3.1 has bee released 🔥 with performance improvements and new features
Also, I have re-written the docs from scratch in a totally different approach, Check it out!
#vuejs
#javascript
متنسوش ستريم النهاردا ان شاء الله الساعة 9:00 مساءً بتوقيت القاهرة 🗓️
حنكون انا و
@QamarSafadi
و
@alaa_alsalehi
و
@ahmadalfy
وحنتكلم عن الاوبن سورس، ازاي تبدأ فيه وحنعرض وجهات نظر مختلفة كناس بـ Contribute و بتـ Maintain مشاريع مشهورة بيستعملها ملايين المطورين. والمبادرات
الـ TypeScript احد اهم الحاجات الي غيرت طريقة شغلي بالكامل للأفضل وخاصة مع Vue 3 وبناقش كل دا في الحلقة دي.
مشاهدة ممتعة، ولو حابب تتكلم معانا عن Vue في اي موضوع ابعت لأي حد مننا!
حلقة جديدة 💚🎙️
حنتكلم عن الـ TypeScript في Vue.js وتحديداً رحلتنا من البدايات وايه التغييرات الي طرأت عليه وجعلت استخدام الـ TypeScript افضل بكثير من نسخه السابقة.
الحلقة بتغطي الـ Lazy Loading بشكل عميق وبتتكلم عن مشاكله الي محدش تقريباً بيتكلم عنها او بيهتم بيها.
بالرغم انها مركزة علي Vue الا انها مليانة تفاصيل ونقاشات عن Patterns موجودة في كل Framework 👇
حلقة جديدة💚🎙️
في الحلقة دي هنتكلم عن الـ Async Components واستخداماتها في تحسين الـ Performance. وازاي في اوقات ممكن تكون مضره للـ user experience و ايه الحاجات الي ممكن تحصل غلط وتخلي الـ Component متحملش وازاي نتعامل معاها ونتجنب انها تحصل!
بكرا الاثنين الساعة 8:00 مساء بتوقيت القاهرة بث مباشر للحلقة الثالثة من شغل نقاشة معايا انا و
@ahmadalfy
حنستكشف عنصر الـ details و summary في HTML! 🤩 هنتعرف مع الامثلة العملية على إزاي نستخدمه لعرض وإخفاء المحتوى، والاعتبارات مع تقنيات الوصول والـ SEO
حلقة الاسبوع المتأخرة من Untyped 🎙️
في الحلقة دي بتكلم عن اهم خواص الـ Promise كـ value وازاي كل خاصية منهم يمكن استخدامها بشكل عملي ومفيد في شغلك النهاردا وبعض النصائح مع الـ async/await والطرق المختلفة للتعامل مع الـ promises.
Next month I will be talking about many practical aspects of building stuff with Vue.js 💚
I will cover code org, composition shenanigans, lazy loading hot takes, versioning, and more.
Can I pack all of that in < 30 minutes?
You can find out! tickets are still available 🎟️👇
حلقة جديدة من Untyped podcast🎙️
لو لسه بتستعمل axios في 2023 يبقي لازم نتكلم عن Fetch وليه لازم تستعملها وايه الاختلافات والحتت الرخمة وعلاقتها بالStreaming والحاجات ال Fetch متقدرش تعملها وتضطرك للتعامل مع XHR.
منصات اخري 🎙️
حلقة جديدة من Untyped podcast🎙️حنتكلم فيها عن الSSR و ال SSG و ال SPA وامتي تستعمل كل واحد منهم.
حنتكلم برضو عن ال Hydration وليه اصلا لازم نعمله وايه الاستراتيجيات الموجودة في ال Ecosystem حوله.
منصات اخري:
حلقة جديدة من Untyped 🎙️
في الحلقة دي بنغطي الـ loos والفروق ما بين For ... in و For ... of مع بعض التعمق في ازاي بيشتغلو وامتي استعملهم خاصة ان الـ Array methods زي forEach اسهل بكثير.
وبختم بايه حكاية every وازاي ممكن تعملي مشاكل غير متوقعة!
Just released vee-validate v4.12.0 for
@vuejs
🔥
It introduces:
✅`defineField` composable API
✳️ The `meta.required` on fields meta-objects.
Also, a few bug fixes🐛 and minor DX improvements✨.
VeeValidate v4 for
@vuejs
3 PR is live now 🔥 detailing some of the changes that will be introduced 👀
👉
The PR will be updated with changes as I add new stuff.
#vuejs
حلقة جديدة من Untyped 🎙️
في الحلقة دي بتكلم عن خاصية جديدة في الـ CSS والي حتغير تعامنا مع الـ Animations المربوطة بالـ Scrolling وهي من ابرز الخاصيات التي تم الحديث عنها في Google I/O!
بدي امثلة عملية لحاجات بنعملها بالجافاسكربت وازاي حتتغير للأفضل! 🤯
✍️ I just published an article on the Close Watcher API
This is a recent addition that significantly enhances web platform capabilities. It addresses those minor interactions that can lead to major frustrations.
#webdev
New vee-validate release for
@vuejs
🔥
Introducing initial support for valibot by
@FabianHiller
as a validation schema provider ✅
And added composition setter functions for those who are building some weird components 👽
✍️ New article published!
In this article I talk about how to handle
@vuejs
async components' loading errors and how to identify the different types and how to tackle them.
Check it out 👇
حلقة جديدة من Untyped 🎙️
في الحلقة دي بنتكلم عن مشاكل الـ Date في الجافاسكربت وليه مقترح الـ Temporals بيهدف لحل المشاكل دي عن طريق نظام سلس بيمثل اكثر من استخدام لعناصر التواريخ والتحويل ما بينهم بسهولة.
@MichaelThiessen
@vuejs
Shameless plug, vee-validate abstracts away the annoying parts about forms and lets you build on top of these abstractions with your own UI or any 3rd party component library.
🎙️حلقة جديدة من Untyped Podcast، المرة دي بتكلم عن الTypes وليه محتاجينها في شغلنا اكثر من قبل كدا.
برضو حنتكلم عن ازاي تحول مشروعك من JavaScript لTypeScriptبشكل آمن وسريع، وحنختم بشوية نصائح عن ايه الي تركز عليه وانت بتتعلم TypeScript.
👇
We are thrilled to share that
@logaretm
is joining
#vuejsnation
2024! 🤩
Abdelrahman Awad, the author of VeeValidate, will walk us through the creation of Vue.js components with generic types, emphasizing improved DX, airtight type safety, and more!
✍️
You don't need a library for global event emitting. You can use the DOM with Custom events. This is a type-safe event emitter.
I use it for composables that need to communicate with one another across sub-trees.
Live link:
P.S: Not SSR friendly