Jacky Chen @chenjacky32

#Day15 of #30DaysofcodeToday Today, I also learned how to use React Icons in my React project. documentation link: react-icons.github.io/react-icons/ #reactjs #30DaysCodeChallenge #learning #tailwindcss #reactrouterdom #reacticons

#Day14 of #30DaysofcodeToday Today, I created a responsive card using Tailwind CSS within a React Project. #reactjs #30DaysCodeChallenge #learning #tailwindcss #reactrouterdom

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day13 of #30DaysofcodeToday Today, I created a reusable form component that can be used on both the login and register pages using Tailwind CSS and React Router DOM. #reactjs #30DaysCodeChallenge #learning #tailwindcss #reactrouterdom

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day12 of #30DaysofcodeToday Today, I learned how to create a loading spinner using React Spinner and combine it with Tailwind CSS for layout styling. documentation link: davidhu.io/react-spinners/ #javascript30 #reactjs #30DaysCodeChallenge #learning #tailwindcss #reactspinner

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day11 of #30DaysofcodeToday Today, I learned how to use React Router DOM v6 to create an SPA combined with Tailwind CSS for layout styling. documentation link: reactrouter.com/en/main/start/… #javascript30 #reactjs #30DaysCodeChallenge #learning #tailwindcss #reactrouterdom

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day10 of #30DaysofcodeToday Today, I learned how to use the hover pseudo-class in Tailwind CSS within a React project. documentation link: tailwindcss.com/docs/hover-foc… tailwindcss.com/docs/container #javascript30 #reactjs #30DaysCodeChallenge #learning #tailwindcss

#Day9 of #30Daysofcode Today, I learned how to center a container in Tailwind CSS within a React project, as the default container position is not centered. documentation link: tailwindcss.com/docs/container #javascript30 #reactjs #30DaysCodeChallenge #learning #tailwindcss

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day8 of #30Daysofcode Today, I learned how to use margin in Tailwind CSS within a React project. link documentation : tailwindcss.com/docs/margin #javascript30 #reactjs #30DaysCodeChallenge #learning #tailwindcss

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day7 of #30Daysofcode Today, I learned how to use padding in Tailwind CSS within a React project. link documentation : tailwindcss.com/docs/padding#a… #javascript30 #reactjs #30DaysCodeChallenge #learning

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day6 of #30Daysofcode Today, I learned how to install Tailwind CSS in a React project. #javascript30 #reactjs #30DaysCodeChallenge #learning #tailwindcss

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day5 of #30Daysofcode Today, I learned how to use the SweetAlert library to create notifications for successful logins, failed loading attempts, and logouts.. #javascript30 #reactjs #30DaysCodeChallenge #learning

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day4 of #30Daysofcode Today, I learned how to use PropTypes to validate the props being passed from the parent component. #reactjs #30DaysCodeChallenge #learning

#Day3 of #30Daysofcode Today, I learned how to create a note search feature. Now, when users enter a keyword, the notes automatically filter, and the keyword appears in the URL as they type. #reactjs #30DaysCodeChallange #learning

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day2 of #30Daysofcode Today, I learned how to create custom hooks for useInput in a form using the useState hook. Next, I want to create custom hooks for using useContext. #reactjs #30DaysCodeChallenge #learning

keyboard_arrow_left Previous keyboard_arrow_right Next

#Day1 of #30Daysofcode Today, I learned how to build a light mode and dark mode feature, a language switcher, and user authentication with useContext hooks. Next, I want to combine it with useReducer to build a global state managment. #reactjs #30DaysCodeChallange #learning

keyboard_arrow_left Previous keyboard_arrow_right Next