I'M LEARNDING! Frontend Base Reusable Components With React

2:02 - Start of stream, setup check
2:08 - Chat about live streaming on TH-cam
2:27 - Posting on LinkedIn, interaction with Diego
2:40 - Evening chat and drink choices
3:03 - Discussing weather and drinking coffee late
3:17 - Showing a favorite drink from the fridge
4:03 - Talking about drink preferences, gym, and health
5:18 - Purpose of stream: Job applications, senior positions
5:57 - Tools and skills needed for job interviews
6:39 - Testing in React Native and Expo
7:20 - Challenges in frontend testing, E2E tests
8:00 - Server-side API and database testing
9:30 - Discussing API routes and controller testing
10:22 - Storybook and visual regression testing
11:03 - Snapshot testing with GitHub actions
11:49 - Backend testing discussion, stress tests, security
12:59 - React Testing Library vs. Jest debate
14:08 - iOS app testing and mobile development
14:29 - Starting reusable React components
15:19 - React and TypeScript component creation, class names
17:00 - Chat about "Black Companies" in Japan
21:11 - Exploring backend development and salary potential
24:00 - Docker in frontend, backend, and database projects
26:45 - DevOps, CI/CD tools, and Docker experiences
30:13 - Salary breakdown in Japan for different roles
33:07 - Casual chat, setups, and general workflow discussions
41:07 - Detailed exploration of reusable components in React
45:01 - Handling state and props in a reusable React component
47:18 - Exploring form validation in Angular, Vue.js, and React
53:23 - Chat about tech tools: Grunt, Gulp, Webpack, Vite
1:00:03 - React testing: Integration test example
1:05:12 - Testing login forms and handling inputs in React
1:11:35 - Discussion on AI's impact and potential failures
1:14:45 - Exploring SaaS business ideas, skepticism about indie hacking
1:23:12 - Tech influencers and skepticism around marketing tactics
1:28:20 - Self-driving cars, AI accuracy, and risk discussions
1:30:13 - Quick exploration of websites like Framer, WordPress alternatives
1:38:02 - Final thoughts on building and testing reusable React components
1:44:28 - Testing form data and error handling
1:45:09 - Writing test cases for perfect login and empty fields
1:46:01 - Discussing form submission without username/password
1:46:37 - Testing form renders with necessary elements
1:48:02 - Mario asks about state management systems
1:49:05 - Managing user data across components
1:50:55 - Discussing state passing in SPAs
1:51:41 - Explanation of context providers for state
1:52:41 - Redux advantages in complex apps
1:54:36 - Debugging state with Redux
1:57:23 - Comparing Redux to Context API
1:58:45 - Context API challenges in large apps
2:01:15 - Experience managing large state with Redux
2:04:31 - Redux Saga for async logic
2:07:08 - Vue.js state management using Pina
2:14:54 - Old server-side code still usable
2:18:39 - Frustrations with front-end development
2:24:31 - Issues with Next.js and state management
2:34:10 - Thoughts on back-end vs front-end
2:42:04 - Salary and job market discussion
2:46:24 - Final remarks and closing