✅ کانفیگ سریع و تمیز axios در ریکت
https://dev.to/nilanth/how-to-use-axios-in-an-optimized-and-scalable-way-with-react-518n
🆔 @frontcode01
https://dev.to/nilanth/how-to-use-axios-in-an-optimized-and-scalable-way-with-react-518n
🆔 @frontcode01
DEV Community
How To Use Axios in an Optimized and Scalable Way With React
We can see how to use Axios in an optimized and scalable way in a React app. When you are building...
✅ 10 پترن ترند اما غلط در ریکت ، آشنایی با آنتی پترن ها
https://yosua-halim.medium.com/10-react-anti-patterns-you-should-know-300256bfb007
🆔 @frontcode01
https://yosua-halim.medium.com/10-react-anti-patterns-you-should-know-300256bfb007
🆔 @frontcode01
Medium
10 React Anti-patterns you should know
When I use react for the first time in 2019, I think react is very friendly to use and has low learning curve. After working several…
✅ 11 فیچر جدید و خفن جاوااسکریپت در اکما اسکریپت 13
https://javascript.plainenglish.io/es13-javascript-features-eed7ed2f1497
🆔 @frontcode01
https://javascript.plainenglish.io/es13-javascript-features-eed7ed2f1497
🆔 @frontcode01
Medium
11 Amazing New JavaScript Features in ES13
We take a look at the most recently released JavaScript features from ES13 that will help you write more concise and expressive code.
✅ نگاهی به api های جدید در ریکت 18 که باید بدانید
https://blog.bitsrc.io/3-new-apis-in-react-18-every-react-developer-should-know-6866832ded2f
🆔 @frontcode01
https://blog.bitsrc.io/3-new-apis-in-react-18-every-react-developer-should-know-6866832ded2f
🆔 @frontcode01
Medium
3 New API’s In React 18 Every Developer Should Know
React version 18 was released, and since it is a major new version of React it does, as you would expect, introduce some new, exciting…
تو این پست میخوایم باهم دوتا نکته فرانت اندی رو یاد بگیریم که خیلی بدرد بخور هستن
1. بستن iframe
قطعا با iframe در html آشنایی دارید، و میدونین که میشه باهاش میشه یک وبسایت رو درون وبسایت دیگه ای باز کرد. حالا اگه دیده باشین، بعضی از وبسایتا وقتی بصورت iframe استفاده میشن کلا کار نمیکنن و بالا نمیان....
حالا ممکنه شماهم طراح یک وبسایتی باشین که نمیخواین وقتی کسی تو سایت خودش اون رو iframe کرد نشون داده بشه، چطوری کاری کنیم که وقتی کسی وبسایت مارو خواست iframe کنه، وبسایت ما نشون داده نشه 🤔
خیلی ساده، با جاوااسکریپت میاییم و اینکار رو انجام میدیم. برای اینکار هم چند روش وجود داره که دو روش رو تو تصویر پیوست شده میتونین مشاهده کنین ↓
ما اینجا اومدیم گفتیم که اگه صفحه بصورت iframe باز شده بود هیچی نشون نده و بجاش Iframe Blocked رو نشون بده که حالا میشه کارای دیگه ای هم انجام داد.......
2. بازکردن pdf در صفحه وبسایت (طوری که کاربر تو همون صفحه فایل pdf رو بخونه)
برای این کار هم میتونیم از سه تا تگ استفاده کنیم (iframe، embed، object) که تو تصویر برای مثال از embed استفاده شده ↓
🔗 منبع
🆔 @frontcode01
1. بستن iframe
قطعا با iframe در html آشنایی دارید، و میدونین که میشه باهاش میشه یک وبسایت رو درون وبسایت دیگه ای باز کرد. حالا اگه دیده باشین، بعضی از وبسایتا وقتی بصورت iframe استفاده میشن کلا کار نمیکنن و بالا نمیان....
حالا ممکنه شماهم طراح یک وبسایتی باشین که نمیخواین وقتی کسی تو سایت خودش اون رو iframe کرد نشون داده بشه، چطوری کاری کنیم که وقتی کسی وبسایت مارو خواست iframe کنه، وبسایت ما نشون داده نشه 🤔
خیلی ساده، با جاوااسکریپت میاییم و اینکار رو انجام میدیم. برای اینکار هم چند روش وجود داره که دو روش رو تو تصویر پیوست شده میتونین مشاهده کنین ↓
ما اینجا اومدیم گفتیم که اگه صفحه بصورت iframe باز شده بود هیچی نشون نده و بجاش Iframe Blocked رو نشون بده که حالا میشه کارای دیگه ای هم انجام داد.......
2. بازکردن pdf در صفحه وبسایت (طوری که کاربر تو همون صفحه فایل pdf رو بخونه)
برای این کار هم میتونیم از سه تا تگ استفاده کنیم (iframe، embed، object) که تو تصویر برای مثال از embed استفاده شده ↓
🔗 منبع
🆔 @frontcode01
👍1
✅ Authentication and Authorization in react
https://medium.com/@ghimiresamana666/authentication-and-authorization-in-react-8fc76a496ba0
🆔 @frontcode01
https://medium.com/@ghimiresamana666/authentication-and-authorization-in-react-8fc76a496ba0
🆔 @frontcode01
Medium
Authentication and Authorization in react
We will make advantage of authentication and authorization functionalities for our react app in this tutorial. Let’s begin…
✅ چطور تونستم 8 ساعت بدون خستگی کدنویسی کنم
https://amirdiafi.medium.com/how-i-code-for-8-hours-without-feeling-tired-3d2b22f917af
🙍♂️ از زبان : Amir Diafi
🆔 @frontcode01
https://amirdiafi.medium.com/how-i-code-for-8-hours-without-feeling-tired-3d2b22f917af
🙍♂️ از زبان : Amir Diafi
🆔 @frontcode01
Medium
👨🏻💻How I code for 8 hours without feeling tired.
🔴 I have coded wrong my whole life.
🔺 با این قطعه کد در جاوا اسکریپت ، بدون هیچ ابزاری به راحتی اعداد را 3 رقم 3 رقم جدا کنید👌
🆔 @frontcode01
🆔 @frontcode01
✅ مهارت های مهم سخت و نرم فرانت اند دولوپر
https://bootcamp.uxdesign.cc/8-skills-you-must-have-as-a-front-end-developer-in-2022-6b851e05d990
🆔 @frontcode01
https://bootcamp.uxdesign.cc/8-skills-you-must-have-as-a-front-end-developer-in-2022-6b851e05d990
🆔 @frontcode01
Medium
8 Skills you must have as a Front-End Developer in 2022
HTML, CSS, and JavaScript are basic coding skills but what are some skills that make you stand out?
✅ جدیدترین دوست صمیمی شما در توسعه فرانت اند : Ghat gpt 🤩
https://medium.com/@yasincandev/chatgpt-your-new-best-friend-in-frontend-development-3a4b0b58786b
🆔 @frontcode01
https://medium.com/@yasincandev/chatgpt-your-new-best-friend-in-frontend-development-3a4b0b58786b
🆔 @frontcode01
Medium
ChatGPT: Your New Best Friend in Frontend Development
Hello there! As a junior frontend developer, I am always on the lookout for new tools and technologies that can help me improve my skills…