Skip to main content

Day 1: React JS

ধরে নিচ্ছি আগে থেকে কোনো কিছু  ইনস্টল নেই।
react js জাভাস্ক্রিপ্ট লাইব্রেরি যা ফ্রন্টএন্ড এর জন্য ব্যবহার করা হয়.

স্টেপ ১: 
রিএক্ট এর জন্য node.js  এবং npm  ইনস্টল দেওয়া লাগবে।
           sudo apt-get install nodejs npm

একটু চেক করে নেই। ওপেন টার্মিনাল এন্ড টাইপ  node -v এবং npm -v




react app এর  জন্য প্রজেক্ট ডিরেক্টরি create করি

mkdir reactApp
cd reactApp
স্টেপ ২:
npm প্রজেক্ট initialized করলাম। npm init -y দিলে question গুলা স্কিপ করা যাবে।  লাইব্রেরী ব্যবহার করে install দিলাম যেন আমাকে webpack , babel এগুলা আলাদা করে সেটিং না করা লাগে। লাইব্রেরী ব্যবহার করে install দিলে globally install হয়।  react এর জন্য babel এবং webpack লাগবে কারণ babel code compiler হিসেবে এবং webpack package manager হিসেবে কাজ করে। 

npm init OR npm init -y
npm install 
npm install -g create-react-app
create-react-app myapp
cd myapp
npm start

স্টেপ ৩:
src ফোল্ডার এর মধ্যে app.js ফাইল modify করে নিজের react code লেখা  যাবে।

Happy React Coding !

Comments

Popular posts from this blog

How to set auto save in Sublime text editor

1. Press Ctrl+Shift+P 2 Package install/install package 3.Search autosave 4. Click to install 5. Go to Preference -> Package setting -> Auto Save -> Settings User 6. Paste the code   // Auto save default setting { "auto_save_on_modified": true, "auto_save_delay_in_seconds": 1, "auto_save_all_file": true, "auto_save_current_file": "", "auto_save_backup": false, "auto_save_backup_suffix": "autosave" } 7. Save the file, close the file and finally done :) .

পাইথনে os মডিউল

কি কাজে লাগে :        os মডিউল ব্যবহার করে আমরা ডিরেক্টরি পরিবর্তন করতে পারি , ডিরেক্টরি তে রাখা ফাইলের নাম পরিবর্তন করতে পারি , কোন প্লাটফর্ম ব্যবহার করছি তা জানতে পারি।  শুধু মাত্র ২-৩ লাইন কোড লিখে হাজার হাজার ফোল্ডার বানাতে পারি।  এমনকি আমার প্রিয় গানটা ও প্লে করতে পারি। তাহলে দেখে নেই কিভাবে করবো। ওসি মডিউলে নিয়ে কাজ করতে গেলে আগে মডিউল  ইম্পোর্ট করে নিতে হবে এভাবে , import os আমি এখন কোন ডিরেক্টরি তে আছি আগে এইটা দেখি। os.getcwd() ডিরেক্টরি পরিবর্তন করতে হলে , os.chdir('path_name')  path_name = কোন পথ এ যেতে চান os.name দিয়ে কোন প্লাটফর্মে আছেন তার তথ্য পাবেন। ভ্যালু গুলা এভাবে দেখতে পাবেন   ‘posix’, ‘nt’, ‘os2’, ‘ce’, ‘java’, ‘riscos’. os.uname() দিলে সিস্টেম ডিপেন্ডেন্ট সকল ইনফরমেশন দেখাবে। ‘posix’, ‘nt’, ‘os2’, ‘ce’, ‘java’, ‘riscos’ এগুলা কি তা একটু গুগল করে গুগলের সাথে বন্ধুত্ব বাড়াতে পারেন 😋. os.mkdir("folder_name") এই কমান্ড দিয়ে একটি মাত্র ফোল্ডার বানাতে পারবেন।  ফোল্ডারটি তৈরি হবে যে ডিরেক্টরি তে আপনি...

কিভাবে Django তে চেঞ্জ পাসওয়ার্ড ভিউ Create করতে হয় ?

ইউসার প্রোফাইল থাকলে পাসওয়ার্ড চেঞ্জ এর অপশনের দরকার হয়।  Django তে বিল্ট ইন PasswordChangeForm ব্যবহার  করে খুব সহজে এই অপশন আনা যায়।  এজন্য  ফাঙ্কশন বেসড ভিউ ব্যবহার করা ভালো কারণ PasswordChangeForm , ModelForm কে ইনহেরিট করে না এবং ইউসার আর্গুমেন্ট কন্সট্রাক্টর হিসেবে নেয় . আমরা views.py এভাবে লিখতে পারি from django.contrib.auth import update_session_auth_hash from django.contrib.auth.decorators import login_required from django.contrib.auth.forms import PasswordChangeForm from django.shortcuts import render, redirect @login_required def change_password(request):     if request.method == 'POST':         form = PasswordChangeForm(request.user, request.POST)         if form.is_valid():             user = form.save()             update_session_auth_hash(request, user)                     ...