Learn Acdemic Speaking English

 


React.js

Comments

Post a Comment

Popular posts from this blog

React + TypeScript Setup and Usage Guide

Image
  React + TypeScript Setup and Usage Guide 1. Create React App with TypeScript npx create-react-app react-ts-app --template typescript cd react-ts-app npm start This sets up a React project with TypeScript ready out of the box. tsconfig.json will be auto-generated. The default source files will be .tsx instead of .js . 2. Manual Setup (if starting with JavaScript project and adding TS) If you started with a plain React app and want to add TypeScript later: npm install --save typescript @types/node @types/react @types/react-dom @types/jest Rename .js and .jsx files in src/ to .ts and .tsx respectively. Run npm start , and CRA will generate tsconfig.json automatically. React Scripts version 2.1.1+ supports this smooth TS integration. 3. Typical package.json scripts "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", ...
Read more

Python Coding Interview Questions (Beginner to Advanced)

#Find Squares in Array nums = [1, 2, 3] squared = [n ** 2 for n in nums] print(squared) —------------------Write a function that takes a string and returns it reversed. def FirstReverse(s: str) -> str: return s[::-1] # Reverses the string using slicing, slice syntax is: s[start:stop:step] print(FirstReverse("hello")) # Output: "olleh" —------------- # Get input from the user user_string = input("Enter a string to reverse: ").strip() #.strip() removes any leading/trailing whitespace # Check if input is empty if not user_string: print("Error: You entered an empty string. Please try again.") else: # Reverse the string using slicing reversed_string = user_string[::-1] print("The reversed string is:", reversed_string) —---------------- Find the Second Largest Number def SecondLargest(nums: list[int]) -> int: nums = list(set(nums)) # remove duplicates nums.sort() return nums[-2] if len(nums) >= 2 el...
Read more

Creating and Displaying Django Model Objects with Admin Panel

Image
Creating and Displaying Django Model Objects with Admin Panel In this tutorial, we'll walk through creating a Django superuser, registering a model with the admin panel, uploading objects, and displaying those objects dynamically on a web page using Django templates. 👤 Step 1: Create a Superuser To access Django's admin panel and manage your database through a GUI, create a superuser: python manage.py createsuperuser You’ll be prompted to enter: Username Email (optional) Password Once created, your superuser will be able to log in at: 📍 http://localhost:8000/admin 🧾 Step 2: Register the Model in admin.py Open jobs/admin.py and register the Job model: from django.contrib import admin from .models import Job admin.site.register(Job) This makes the Job model accessible and editable via the Django admin panel. 🖼️ Step 3: Add a Job via Admin Panel Go to http://localhost:8000/admin Log in with your superuser credentials Click on Jobs → Add Upload an image (e.g., code.jpg ) a...
Read more