#3 [Deprecated] ESLint, Formatting with Prettier & Project Setup - React Tutorial Bangla Series
React ESLint, Formatting with Prettier, Editor & Project Setup - React Tutorial Bangla Series
Single Page React JS project - এর জন্য Facebook team আমাদেরকে create-react-app নামক একটি package দিয়েছে। এই ভিডিওতে আমি create-react-app package দিয়ে কিভাবে React application project setup করবেন সেটা দেখিয়েছি। সেই সাথে Editor Setup, Automatic Code Formatting & Linting Setup কিভাবে করবেন সেটাও ব্যাখ্যা করেছি। Code Formatting & Linting এর জন্য আমি ESLint, Prettier ব্যবহার করেছি এবং জনপ্রিয় Airbnb Style Guide follow করেছি।
পরিশেষে, আমার এই series এ আমি পরবর্তীতে কোন কোন বিষয়ে Tutorial দিব সেটা নিয়েও একটা ধারণা দিয়েছি।
✋ গুরুত্বপূর্ণ একটি ব্যাপার যেটি video তে বলা হয়নি - VS Code Editor এর bottom right corner এ যেখানে LF/CRLF লেখা আছে সেখানে অবশ্যই click করে LF করে নিবেন, নাহলে error আসবে।
👍 সম্পূর্ণ Playlist Link - • React JS Tutorial Bangla Series for B...
👍 Project Github Repository Link - https://github.com/learnwithsumit/thi... [ branch - "lesson-3" ]
References:
👍 create-react-app - https://reactjs.org/docs/create-a-new...
👍 React Introduction - • #1 What is React and How it works - R...
👍 React Documentation - https://reactjs.org/docs/getting-star...
👍 yarn Package Manager - https://yarnpkg.com
👍 Visual Studio Code Editor - https://code.visualstudio.com
👍 ESLint - https://eslint.org
👍 Prettier - https://prettier.io
👍 Dracula Theme - https://marketplace.visualstudio.com/...
কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো -
👍 Facebook Group - / learnwithsumit
👍 Like our Facebook Page - / letslearnwithsumit
👍 Follow us at Instagram - / learnwithsumit
👍 Follow me at - / sumit.analyzen
#reactjs #project_setup #bangla_programming_tutorial