Summary
Keywords
Full Transcript
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 - https://www.youtube.com/playlist?list=PLHiZ4m8vCp9M6HVQv7a36cp8LKzyHIePr 👍 Project Github Repository Link - https://github.com/learnwithsumit/think-in-a-react-way [ branch - "lesson-3" ] References: 👍 create-react-app - https://reactjs.org/docs/create-a-new-react-app.html 👍 React Introduction - https://youtu.be/5Xy-t8k_M4A 👍 React Documentation - https://reactjs.org/docs/getting-started.html 👍 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/items?itemName=dracula-theme.theme-dracula কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো - 👍 Facebook Group - https://www.facebook.com/groups/learnwithsumit 👍 Like our Facebook Page - https://www.facebook.com/LetsLearnwithSumit 👍 Follow us at Instagram - https://www.instagram.com/learnwithsumit 👍 Follow me at - https://www.facebook.com/sumit.analyzen #reactjs #project_setup #bangla_programming_tutorial
