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

Опубликовано: 30 Август 2024
на канале: modjs

640

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 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 Youtube Web Development Playlist where in one of the previous videos on this playlist, I had demonstrated how to configure a resilient development environment for TypeScript projects. This development environment is configured with today's most popular and widely used languages and technologies including Javascript, Node.js, React, Typescript, Next.js, NPM, Webpack, Babel, EsLint, Prettier, Vitest, React testing library, Cypress, and more.

Timestamps:
0:00 Demo
4:03 Copy to Clipboard Functionality
24:30 Cypress testing Copy Component
28:30 React Pre Component
35:25 Cypress testing Pre Component
36:10 Code Editor Component
48:12 Cypress Testing Coding Editor

Web Development FULL Course:    • Web Development FULL Course

TypeScript Development Environment Setup:    • Full Stack Development [3] - Development E...

About Me:
🌎 My Website: https://www.fullstackpro.io
GitHub Repo for my Youtube Videos: https://github.com/prashan-pudasaini
LinkedIn:   / prashan-pudasaini
Facebook:   / fullstackpro.io

Tags:
#technology #coding #programming #javascript #software #webdevelopment #webdesign #reactjs

На этой странице сайта вы можете посмотреть видео онлайн Full Stack Development [17] - Build a Reusable Code Editor in React длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь modjs 30 Август 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 640 раз и оно понравилось 22 зрителям. Приятного просмотра!

23,307

308