Видео 28
Просмотров 32 876

Web Development [17] - Build a Reusable Code Editor in React

1:02:59

Web Development [16] - React Context API

42:34

Web Development [15] - Testing React Components with Cypress Component Testing

32:45

Web Development [14] - Open Source React Component Library

22:13

AWS Certified Developer Associate - Practice Exams

2:09:02

Web Development [13] - Reusable SVG Icon as Component

38:50

Web Development [18] - React Reusable Snackbar Component for Notifications

Build a Reusable React Snackbar component for notifications:
In this lesson of my Web Development Course, I demonstrate how to develop a simple, yet reusable and reliable Snackbar component using React. I implement this component in Typescript in order to perform type checking on all component props to ensure component reliability and resiliency against type misuse. All CSS styles for this React component are written using a CSS in JS library called Styled Components for it's simplicity. Also in this video, I write component test to test the stability of this React component using an e2e testing tool called Cypress.
This video is part of my RUclips Web Development Playlist where in one of t...

Видео

Web Development [17] - Build a Reusable Code Editor in React

1:02:59

Web Development [17] - Build a Reusable Code Editor in React

Просмотров 467Месяц назад

Build a Reusable React Code Editor component: In this lesson of my Web Development Course, I demonstrate how to develop a simple, yet reusable and reliable Code Editor component using React. I implement this component in Typescript in order to perform type checking on all component props to ensure component reliability and resiliency against type misuse. All CSS styles for this React component ...

Web Development [16] - React Context API

42:34

Web Development [16] - React Context API

Просмотров 294Месяц назад

Understand React Context API and build Reusable React Tooltip component: In this lesson of my Web Development Course, I demonstrate how to develop a simple, yet reusable and reliable Tooltip component using React. I also talk about the concept of React Context API used to solve prop drilling issues. I implement this component in Typescript in order to perform type checking on all component prop...

Web Development [15] - Testing React Components with Cypress Component Testing

32:45

Web Development [15] - Testing React Components with Cypress Component Testing

Просмотров 95Месяц назад

React TypeScript Frontend Web Development [Part 15] - In this video, we are going to create React Reusable Button component. We are also going to test this Button component using Cypress component testing. Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Github Repo for this Course: github.com/prashan-pudasaini/modjs-youtube Timestamps: 0:00 Button Component 15:14 Cypress Compone...

Web Development [14] - Open Source React Component Library

22:13

Web Development [14] - Open Source React Component Library

Просмотров 120Месяц назад

In this video, I demonstrate what I have until now for our React Typescript UI components open source UI project - modjs. Please leave your GitHub username in the comment section below if you are interested in contributing to this open source project. Full code for this project: github.com/modjs-org/modjs Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW 🌎 Find Me Here: GitHub: gi...

AWS Certified Developer Associate - Practice Exams

2:09:02

AWS Certified Developer Associate - Practice Exams

Просмотров 9992 месяца назад

AWS Certified Developer Associate Practice Exam Questions 2024: In this video, we'll dive into 65 AWS Certified Developer Associate questions and answers to help you ace your AWS DVA-C02 exam. About Me: 🌎 My Website: www.fullstackpro.io GitHub Repo for my RUclips Videos: github.com/prashan-pudasaini LinkedIn: www.linkedin.com/in/prashan-pudasaini/ Facebook: fullstackpro.io/ Tags: #...

Web Development [13] - Reusable SVG Icon as Component

38:50

Web Development [13] - Reusable SVG Icon as Component

Просмотров 1002 месяца назад

React TypeScript Frontend Web Development [Part 13] - In this video, we are going to create React SVG Icons component. We are also going to test these component using Cypress component testing. Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Github Repo for this Course: github.com/prashan-pudasaini/modjs-youtube #coding #technology #frontend #react #typescript #javascript

Web Development [12] - React Foundational Components for Accelerated UI Development

16:35

Web Development [12] - React Foundational Components for Accelerated UI Development

Просмотров 732 месяца назад

React TypeScript Frontend Web Development [Part 12] - In this video, we are going to create React foundational components. We are also going to test these components with Cypress component testing. Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Github Repo for this Course: github.com/prashan-pudasaini/modjs-youtube #coding #technology #frontend #react #typescript #javascript #h...

Web Development [11] - React Container Component

38:11

Web Development [11] - React Container Component

Просмотров 902 месяца назад

React TypeScript Frontend Web Development [Part 11] - In this video, we are going to create a React Container component. We are also going to test this Container component with Cypress component testing. Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Github Repo for this Course: github.com/prashan-pudasaini/modjs-youtube #coding #technology #frontend #react #typescript #javascr...

Web Development [10] - React Typography Component

33:01

Web Development [10] - React Typography Component

Просмотров 3812 месяца назад

React TypeScript Frontend Web Development Course [Part 10] - In this video, we are going to create a React Typography component that will render HTML text elements based on the provided variant. We are also going to test this Typography component with Cypress Component Testing. Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Complete Guide to Testing - Unit Test (Dummy, Stub, Fa...

Web Development [9] - React Layout Component

41:19

Web Development [9] - React Layout Component

Просмотров 2,4 тыс.2 месяца назад

Building reusable React Layout component: In this lesson of my Web Development Course, I demonstrate how to develop a simple, yet reusable and reliable Layout component using React. I also talk about the ways to theme React Apps and Components. I implement this component in Typescript in order to perform type checking on all component props to ensure component reliability and resiliency against...

10:23

Web Development [8] - React forwardRef

Просмотров 1512 месяца назад

React TypeScript Frontend Web Development Course [Part 8] - In this video, we are going to learn about React forwardRef that will wrap all our core and icons component so that the components have access to ref and can use React useRef. Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Github Repo for this Course: github.com/prashan-pudasaini/modjs-youtube #coding #technology #fron...

Web Development [7] - React HOC (Higher Order Component)

40:16

Web Development [7] - React HOC (Higher Order Component)

Просмотров 2172 месяца назад

React TypeScript Frontend Web Development Course [Part 7] - In this video, we are going to create a React Higher Order Component (HOC) called withSystemProps HOC that will take another React component and return a new React component with additional props. This HOC will be used to wrap all our core and icons component so that all the React core and React icons component have access to the syste...

11:36

Web Development [6] - GitHub Repository

Просмотров 742 месяца назад

React TypeScript Frontend Web Development Course [Part 6] - In this video, we are going to push the code we have on our local computer to a GitHub repository. Full Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Github Repo for this Course: github.com/prashan-pudasaini/modjs-youtube #coding #technology #github #frontend #react #typescript #javascript #html #css #nextjs #monorepo #mic...

Testing Pyramid - Unit Test, Integration Test, and E2E Test

45:01

Testing Pyramid - Unit Test, Integration Test, and E2E Test

Просмотров 982 месяца назад

In this video we discuss software testing, mainly E2E test, Integration test, Unit test, Test Doubles Dummies, Stub, Fake, and Mock and we will look at examples of each of the test types' use cases and the advantages and disadvantages of each of these tests. Frontend Web Development Playlist: ruclips.net/p/PLCqt_JZe33mHWnqj5k6gCL0loi479uYpW Timestamps: 00:00 Intro 3:11 Unit Testing 8:12 Integra...