React/Node Web App Showcase (Long Version) | Source Code & Technologies
Key sections:
Introduction: 00:00
Architecture: 01:44
Node, Express: 02:33
React, Next.js: 03:09
Modern JavaScript & React features: 04:06
Redux: 05:23
MongoDB: 06:18
TypeScript: 07:16
GraphQL, Apollo & REST: 08:18
Jest: 10:18
Docker, Compose, Swarm: 12:53
Git, GitLab CI/CD & Ubuntu production server: 16:25
External APIs: 18:58
ESLint & Prettier: 20:04
Babel & webpack: 20:38
Sass (SCSS) & Styled Components: 21:18
Miscellaneous: 21:57
Conclusion: 22:40
You can find more information here: https://www.upwork.com/o/profiles/users/~01ad7addcf3da4911b/?p=1244099773878210560
As a freelance developer, I often need to convince people that I actually know React/Node and can get their job done.
So I thought a great way to prove that I can write code and build web apps would be to simply show an app I built along with the source code and different technologies.
Thus, in this video, I'll walk you through the source code of a Node/React app I built from scratch and I'll highlight the different key features, tools, and technologies so you can see how everything works under the hood.
The app that I show is a modern, Single-Page Application (SPA) utilizing a containerized architecture and it uses:
• Node/Express for the back-end API
• React/Next.js for the front-end
• MongoDB/Mongoose for the database
• TypeScript for strict type-checking
• Apollo Server & Client for the GraphQL API
• Jest for parallel-testing
• Docker (with Compose & Swarm) for containerization and orchestration
• GitLab for a full CI/CD pipeline with rolling deployments
• Stripe for SCA-complaint payment processing
• ESLint & Prettier for code quality and formatting
• Sass (SCSS) and Styled Components for styling
If you need some help with a Node/React-related project, you can get in touch with me on Upwork here: https://www.upwork.com/o/profiles/users/~01ad7addcf3da4911b/
Have a great day!
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React/Node Web App Showcase (Long Version) | Source Code & Technologies», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.