[TAGALOG] React JS Tutorial Part 2 - Create Todo List App

Tagalog React JS Tutorial for beginners:
In this video, I will show you how to create todo list app using React JS with bonus lesson of react-router-dom and node-sass

Basic Fundamentals
Redux with hooks
React Hooks
React Optimization
––––––––––––––––––––––––––––––

Follow me:
––––––––––––––––––––––––––––––
Support:

Social Media:
––––––––––––––––––––––––––––––

Credits:
––––––––––––––––––––––––––––––
Licensed under Creative Commons: By Attribution 3.0 License
––––––––––––––––––––––––––––––

[richmondramil]

For V6 of react-router-dom use <Routes> instead of <Switch> and place your componant inside an element attribute

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
<Routes>
<Route path="/" element={<Home />}></Route>
</Routes>

[emeeme]

Great tuts!

Suggestion lang po bossRod, request narin haha
Hoping na magkaroon kayo ng react js tutorial using a real world project, kahit na small scale lang naman and using real world practices narin ng react js

Salamat sa tutorials, a great way to burn time during this Quarantine

[AxLAxL]

thx boss sa tutorial, backend dev ako pero xempre need din mag adjust dahil sa FullStack dev na yan. aus nakukuha ko na basic sa mga tutorials mo.

[ashleyrodriguez]

Hello po pwedi mag tanong idol. bakit pag mag eedit ako sa list e mag white screen hindi ako maka pag input

[monkeystylle]

Thank you boss matagal ko inabangan tong React JS na playlist hehe

[life-after-you]

pano naman loads pag main website tapos may dashboard pag main website display yung sticky nav pag naswitch naman mawawala yung sticky nav ng name ang mapapalit naman yung nav ng dashboard

[rabmichaelbombeo]

For V6 u cannot use useHistory instead:

import { useNavigate } from 'react-router-dom'

const navigate = useNavigate()

const handleOnClick = () => {
navigate('/Todolist')
}

[bogski]

Hello @bossrod Warning: LibSass and Node Sass are deprecated. anong pwedeng pamalit?

[fordelishoes]

Boss ROD question lang po bakit po kaya di ko mainstall yung react-dom sa console. ano po kaya posibleng problems salamat po.

[ashleyrodriguez]

Why does scss not working for my file path in my version

[reeeygun]

hello po boss rod anong version po ng react-router-dom gamit nyu?

[albertkhentcornejo]

Pwede po pahelp di po kasi gumana sakin yung function ng add button. I'm using version 6 po thank you

[iUniverse]

Boss I would like to ask na din if using class based components, do constructor and function binding ay nagagamit pa din ba now a days or it has been replace by react hooks "useState" as i have always seen in your tutorial or useState is only for Functional Components?

[garizaldyalfaro]

bossRod, okay din ba gamitin yung bootstrap pang style, napanuod ko lang sa ibang tutorial, or mas okay talaga yung SASS?

[SaintGreykBeats]

bat ayaw mag display ng "you are home"? kahit nilagyan ko na "/home" sa url? same sa todo ayaw din lumabas

[brylontoc]

boss Rod, ReactJs and Material ui naman :)

[ohbree]

bossRod, question lang. Bawal ba gumamit Hooks sa loob po ng class? Thank you!

[imaxle]

Boss Rod, Ano difference po ng Functional sa Class Component and when and where exactly dapat gamitin? sana po matackle, more power po

[oliverdelafuente]

bakit ganito sinunod ko naman tuts mo

Compiled with problems:X

ERROR in ./src/App.js 13:35-41

export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Navigate, NavigationType, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createPath, createRoutesFromChildren, createSearchParams, generatePath, matchPath, matchRoutes, parsePath, renderMatches, resolvePath, unstable_HistoryRouter, useHref, useInRouterContext, useLinkClickHandler, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams)

[kenlee]

boss pano naman if yung input value is empty. pano po sya i alert if kong walang laman yong input. nag a add kasi sya kahit di ako nag lagay ng value