Web Development Code
Photo
- طيب والnode.js بيبقى عندها كام thread في الthread pool بتاعتها دي بقى؟
بص هيا by dfault بيبقى ليها قيمة معينة واللي هما 4 threads بس أقدر اتحكم في عددهم واكترهم أو اقللهم من خلال السطر الجاي ده
process.env.UV_THREADPOOL_SIZE =2
وطبعا تقدر تزود أو تقلل بمزاجك على حسب امكانيات جهازك ولكن المفضل دايما ان عدد الthreads يكون بيساوي عدد الcores للcpu اللي عندك
وعلى فكرة node.js بالطريقة دي لسه مش أحسن حاجة للcpu intensive application ومش أحسن خيار لو عندي شغل على الcpuكتير ولكن طبعا الموضوع ده حسن كتير من شغلها اكتر من الأول
وبكدا يكون خلصنا النهاردة عن الnode.js اتمنى يكون حد استفاد بأي حاجة ولو حضرتك حابب تقرا أكتر عن الموضوع ده ممكن تشوف الفيديو اللي فوق وتقرا شوية
الكلام اللي NODE.JS كتباه عن نفسها من هنا:
https://nodejs.org/en/docs/guides/dont-block-the-event-loop/
بص هيا by dfault بيبقى ليها قيمة معينة واللي هما 4 threads بس أقدر اتحكم في عددهم واكترهم أو اقللهم من خلال السطر الجاي ده
process.env.UV_THREADPOOL_SIZE =2
وطبعا تقدر تزود أو تقلل بمزاجك على حسب امكانيات جهازك ولكن المفضل دايما ان عدد الthreads يكون بيساوي عدد الcores للcpu اللي عندك
وعلى فكرة node.js بالطريقة دي لسه مش أحسن حاجة للcpu intensive application ومش أحسن خيار لو عندي شغل على الcpuكتير ولكن طبعا الموضوع ده حسن كتير من شغلها اكتر من الأول
وبكدا يكون خلصنا النهاردة عن الnode.js اتمنى يكون حد استفاد بأي حاجة ولو حضرتك حابب تقرا أكتر عن الموضوع ده ممكن تشوف الفيديو اللي فوق وتقرا شوية
الكلام اللي NODE.JS كتباه عن نفسها من هنا:
https://nodejs.org/en/docs/guides/dont-block-the-event-loop/
nodejs.org
Node.js — Don't Block the Event Loop (or the Worker Pool)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
This media is not supported in your browser
VIEW IN TELEGRAM
شرح ازاي الرساله بتوصل من شخص لشخص زي الواتساب ببساطه.
الدحيح.
الدحيح.
❤3🤩1
must-know tips for writing clean code with Javascript.
👇👇
https://dev.to/alexomeyer/8-must-know-tips-for-writing-clean-code-with-javascript-i4
👇👇
https://dev.to/alexomeyer/8-must-know-tips-for-writing-clean-code-with-javascript-i4
❤1
Web Development Code
مين اسرع في انشاء مشروع ب React js
قبل متجاوبوا جربوا استخدام الاتنين وشوف الاسرع لو مش عارف تستخدم ال vite قولوا وهنزلكم الطريقة.
This media is not supported in your browser
VIEW IN TELEGRAM
طريقة انشاء بروجكت React باستخدام vite تابع الفيديو.
This media is not supported in your browser
VIEW IN TELEGRAM
An animated guide for Node.js event loop.
👇👇
https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62
👇👇
https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62
We’ve Got Some New CSS Features!
https://medium.com/@jesusmejiasg/weve-got-some-new-css-features-a3e8595fda66
https://medium.com/@jesusmejiasg/weve-got-some-new-css-features-a3e8595fda66
10 Useful JavaScript Coding Techniques That You Should Use
https://javascript.plainenglish.io/10-useful-javascript-coding-techniques-that-you-should-use-f20bf9b8a7dd
https://javascript.plainenglish.io/10-useful-javascript-coding-techniques-that-you-should-use-f20bf9b8a7dd
Clean Code in TypeScript
https://link.medium.com/L75XLIEDYub
https://link.medium.com/L75XLIEDYub
20+ React Libraries to Jumpstart your Next Project:-
1. General Utilities:-
The npm packages in this category are just packages that are helpful so few specific tasks and you may eventually need them. The packages in this include:
- moment.js — very good for working with dates
- Axios — good for handling async tasks
- React-hot-toast, React-toastify — handling small notifications and toasts
- react-icons,” @mui”/icons-material For icons
- react-paginate — For pagination
- React-share — Share things Socially
- React-slick, react-responsive-carousel — For Carousel
- clsx — For conditional classes
- react-intersection-observer — For intersection
- react-dropzone — For file upload and drag and drop.
2. Animation:-
Bringing animation to your site just makes it more fun and pleasant for your viewers. That being said, the packages under animation include:
- GSAP
- Framer motion
- React-spring
- Anime.js
3. State Management:-
Sometimes the data in your React.js application can be very difficult to manage effectively and the React content API isn’t just good enough. That being said, the packages under state management include:
- Redux
- Redux Toolkit — my personal favourite
- Recoil
- Mobx
- React Context — not recommended for big projects
4. server-side rendering:-
if you are building a highly optimized robust website you will need an SSR framework because they make routing easier, they fetch data on the server and return to the component, they optimize images so it doesn’t bottleneck performance, and much more. That being said, the packages under server-side rendering include:
- Next.js
- Gatsby.js — for only SSG (static site generation)
- Remix
1. General Utilities:-
The npm packages in this category are just packages that are helpful so few specific tasks and you may eventually need them. The packages in this include:
- moment.js — very good for working with dates
- Axios — good for handling async tasks
- React-hot-toast, React-toastify — handling small notifications and toasts
- react-icons,” @mui”/icons-material For icons
- react-paginate — For pagination
- React-share — Share things Socially
- React-slick, react-responsive-carousel — For Carousel
- clsx — For conditional classes
- react-intersection-observer — For intersection
- react-dropzone — For file upload and drag and drop.
2. Animation:-
Bringing animation to your site just makes it more fun and pleasant for your viewers. That being said, the packages under animation include:
- GSAP
- Framer motion
- React-spring
- Anime.js
3. State Management:-
Sometimes the data in your React.js application can be very difficult to manage effectively and the React content API isn’t just good enough. That being said, the packages under state management include:
- Redux
- Redux Toolkit — my personal favourite
- Recoil
- Mobx
- React Context — not recommended for big projects
4. server-side rendering:-
if you are building a highly optimized robust website you will need an SSR framework because they make routing easier, they fetch data on the server and return to the component, they optimize images so it doesn’t bottleneck performance, and much more. That being said, the packages under server-side rendering include:
- Next.js
- Gatsby.js — for only SSG (static site generation)
- Remix
🔥2