Amit.Webdev
@WebDevwithAmit
Aspiring Full stack Web Developer Links - https://linktr.ee/Amit.Webdev
React Project - The Wild Oasis Github - lnkd.in/gZX9jDjd Live Link - lnkd.in/gtsQ55-7 ▶ Key Features: 👉 Supabase - login/signup, real-time storage 👉 Bookings Management 👉 Centralized dashboard 👉 Responsive Design 👉 Real-Time Data Updates 👉Dark Mode #reactjs
Day 47 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Advanced React patterns --->> Render props pattern --->> Compound component pattern ▶ React portal - createPortal ▶ Clone element - React.cloneElement() #reactjs #javascript #css #html
Day 46 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React - what I learnt today 👇 ▶ Tanstack query ▶ Fetching data from supabase ▶ useMutation and useQuery hooks --->> invalidating queries ▶ Displaying toasts (Notifications) ▶ React hook form #javascript #reactjs
Day 45 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Learnt new way of styling - "styled components" ▶ Styled components props and CSS functions ▶ Completed a supabase crash course -->> Leant how to create "data tables" -->> Connect Supabase and React project
Day 44 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React practice project - "Order pizza" 😀 Live link - pizzaprojectt.netlify.app 💻 Github link - github.com/Amit-Webdev/Pi… #reactjs #javascript #frontend #css #html
Day 43 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Redux Selectors --->> using get convention to write selector functions ▶ Redux Thunks With createAsyncThunk #reactjs #javascript #redux #tailwind #FrontEnd #100DaysOfCode
Day 42 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Learnt Tailwind CSS --->> Responsive design --->> Box model --->> Re-using styles with @apply and react components --->> states and transitions --->> flex and grid --->> dvh vs vh and more #reactjs #css #FrontEnd
Day 41 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Fetching data using React router (render on fetch) --->> useLoaderData hook ▶ useNavigation hook ▶ Handling errors in react router --->> useRoouterError and useActionData ▶ Started learning tailwind #reactjs
Day 40 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Creating a Redux store --->> action creators, state slices ▶ useSelector and useDispatch hook ▶ Redux middleware and thunks ▶ Making API calls with Redux thunks #reactjs #WebDevJourney #JavaScript #css #html
Day 39 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Optimizing context renders ▶ Optimizing Bundle size with code splitting --->> Lazy loading --->> Suspense component and fallback value ▶ Introduction to Redux #reactjs #JavaScript #mern #100daysofcode
Day 38 - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Performance optimizations and wasted renders ▶ Profiler Dev tools ▶ Memoization => Improving performance by reusing previously computed results. ▶ useMemo and useCallback hooks #reactjs #javascript
Day 37 of #100daysofcode - Learning #webdevelopment from scratch ⭐ ⭐ React practice project - "Worldwise" ▶ Routes in React ▶ Dynamic Routes ▶ useNavigate, Context API, useContext, useReducer GitHub - lnkd.in/gD9_sFRv Live link - lnkd.in/gHzSFzdU #reactjs
Day 36 of #100daysofcode - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ #React ▶ Dynamic Routes with URL parameters --> useParams and useSearchParams ▶ Programmatic navigation with useNavigate ▶ Navigate component ▶ Reading and settling a Query string ▶ Context API
Day 35 of #100daysofcode - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Single page applications (SPA) ▶ Routing - Link and NavLink ▶ Nested routes and Index Routes ▶ CSS Modules ▶ Using VITE to create React apps #reactjs #javascript #mern #code #nextjs
Day 34 of #100daysofcode ⭐#React practice project - "React-Quiz" 💻 GitHub - lnkd.in/gpRSpBbg 😃 Live link - lnkd.in/gbsFF-6a ▶ useReduce hook ▶ Handling different status --->> "loading" "Error" "active" "ready" "finished" ▶ Managing state with useReducer
Day 33 of #100daysofcode 💻 GitHub - github.com/Amit-Webdev/us… 😃 Live link - usepopcorn-amit.netlify.app ⭐React practice project - "usePopcorn" ▶ Components, props, JSX ▶ Hooks - useState, useEffect, useRef ▶ Component lifecycle ▶ Handling errors ▶ How react works: BTS
#day32 of #100daysofcode - Learning #webdevelopment from scratch ⬇ ⭐⭐ ▶ useEffect clean up function and importance of closures ▶ abortController ▶ React hooks ▶ Initializing state with callbacks (lazy initial state) ▶ useRef hook ▶ Custom hooks in react #react #Nextjs
Day 31 of #100daysofcode - Learning #webdevelopment from scratch ⬇ ⭐ ⭐ React ▶ Component life-cycle ▶ useEffect hook and Dependency array ▶ Handling errors in React ▶ How to synchronize search query with the data fetched from API #react #Nextjs
Day 30 of #100daysofcode ⭐ How React works: Behind the scenes ▶ How Rendering works --> Rendering phase --> Commit phase ▶ How Diffing works ▶ Virtual DOM -> Reconciler -> Fiber tree -> list of effects ▶ Key prop ▶ Pure Components ▶ State update Batching #reactjs
Day 29 of #100daysofcode - Learning #webdevelopment from scratch ⬇ ▶ Component categories and composition in React ▶ Passing elements as props ▶ Props as component API ▶ PropTypes ▶ How to split UI into components #reactjs #mern #javascript #code
United States Trends
- 1. Nancy Pelosi 73.7K posts
- 2. Marshawn Kneeland 46.9K posts
- 3. Ozempic 7,115 posts
- 4. Craig Stammen 1,945 posts
- 5. Michael Jackson 72.8K posts
- 6. Gordon Findlay 3,150 posts
- 7. Oval Office 26K posts
- 8. Pujols N/A
- 9. #MichaelMovie 68.8K posts
- 10. Jaidyn 1,825 posts
- 11. GLP-1 5,250 posts
- 12. Kyrou N/A
- 13. Abraham Accords 5,334 posts
- 14. Novo Nordisk 7,526 posts
- 15. Kazakhstan 7,156 posts
- 16. #NO1ShinesLikeHongjoong 38.4K posts
- 17. Unplanned 9,371 posts
- 18. #영원한_넘버원캡틴쭝_생일 37.6K posts
- 19. Baxcalibur 6,476 posts
- 20. #ChelleyxEOS 1,689 posts
Something went wrong.
Something went wrong.