رقصنده با کد – Telegram
رقصنده با کد
780 subscribers
1.69K photos
850 videos
207 files
666 links
Here are some interesting things I've come across during my learning process. That's it. Admin ID:
@alithecodeguy
Download Telegram
این یک ساختار nextjs ای هستش.
به نظرتون مشکل یا نکتش چیه؟
#nextjs
جواب سوال :
این تصویر هیچ مشکلی نداره و نحوه استفاده کاملا درسته!
فرض کنید که 4 تا url دارید:
1. /events
2./events/1004
3./events/1004/jan
4./events/1004/jan/max

آدرس اول وارد فایل index میشه ، آدرس دوم وارد فایل [eventId] میشه ، و آدرس سوم و چهارم وارد [slug...] میشه.
-----
اگر این نکات براتون مفید واقع میشه ، ممنون میشم پست‌ها یا آدرس کانال رو به اشتراک بذارید روی لینکدین و اینستا تا جمعمون جمع شه 🙏
@alithecodeguy
یه چیزی مثل PostMan ولی کاملا آنلاین و از روی مرورگر
(در بعضی موارد قوی‌تر از پست‌من)
https://hoppscotch.io/
این مخزن تمام لینکای مفید برای موضوعات مختلف دنیای برنامه نویسی ، در سطح اینترنت رو دسته بندی کرده!
دمشون گرم. چندتاشو که خودم درگیرشونم چک کردم خوب بود لینکاش.
https://github.com/sindresorhus/awesome

#tip
این مخرن هم کلی template برای gitignore پروژه های مختلف با زبان های برنامه نویسی مختلف رو داخل خودش داره. زخم خورده‌هاش درک میکنن چی میگم.
https://github.com/github/gitignore
#tip #git
این اتفاق چه جوری ممکنه؟!!
من این هتل رو بدون اینگه لاگین باشم یا حتی قبلا لاگین کرده باشم ، با لپ تاپ روی علی بابا چک کردم ، الان این پیامک برام اومد!
برای اینکه از فایل های noscript مستقیما توی CRA استفاده کنید و تغییرشون هم بدید نیازی نیست کامپوننتشون کنید. از روشی که توی تصویر هست میتونید استفاده کنید.
لیست کامل attributeهای noscript روی MDN هستش
#tip #noscript
تا حالا به این فکر کردید که تفاوت URI و URL چیه؟
#tip
IMG_1231.JPG
291.4 KB
قطعا میدونید که داینامیک تایپ بودن جاوا اسکریپت تیغ دو لبس. علاوه بر مزیتاش ، جاهایی معایبی هم داره از جمله توی ریکت.
خب حالا چه جوری این داستان رو حل میکنید؟ احتمالا با تایپ اسکریپت.
تایپ اسکریپت فوق العادس و خودش یه زبان حساب میشه. درسته سوپر ستی از جاوا اسکریپته ولی کاملا یه زبان مستقل هستش.
آیا گزینه دیگه‌ای داریم؟ بببله!
عزیز دل ما ، Flow جان!
توسط خود فیس بوک توسعه داده شده و یک زبان مجزا هم نیست.
تایپ اسکریپت خیلی قویتره ولی برای ریکت این فوق العادس.
فرصت کنم مقاله در موردش میذارم.
😍
#ts #flow
برای نفراتی که ریکت رو بلدن و میخوان استارت تایپ اسکریپت رو هم بزنن ، این سایت خوبیه :
https://react-typenoscript-cheatsheet.netlify.app/
#ts #tip
اولویت فایل‌های دات env
بچسبونید جلوی چشمتون. پدرسوخته خیلی اذیت میکنه بعضی وقتا 🥸
پست خوبیه.

React Testing Library and Jest both have different responsibilities "react testing library" is not a test runner meaning when u enter command npm test or npm run test it is jest responsibility that collect all the files ending with .test.js and runs each test case and show pass and fail results in your console.

react testing library provides you function to catch dom element and perform some action below are some of its function :
render, fireEvent, waitFor, screen

you can also use Enzyme(another popular testing library) for such function to access dom element

EXTRA: developer often confuse among :

1- jest
2- react-testing-library
3- Enzyme

Here Enzyme and react-testing-library are two similar things and alternatives to each other means you can use :

- enzyme with jest
- react-testing-library with jest
- you can also use all three i.e react-testing-library+Enzyme with jest

https://stackoverflow.com/questions/66341449/testing-library-react-vs-jest

#test #jest
ابزار babel توی کدوم دسته قرار میگیره؟
Anonymous Poll
46%
transpiler
16%
polyfill
38%
both!
منبع همه لینک‌های مفید در مورد React در سطح وب :
https://reactresources.com/
چیزی که توی این سایت ، توجه رو‌ جلب میکنه نحوه دسته بندی مطالب هستش.
#react #tip