Это введение/руководство развеет все ваши сомнения относительно стека MERN и предоставит вам ресурсы для его изучения.

Введение

Если вы занимаетесь веб-разработкой, вы, вероятно, слышали название стека «Mern». Это популярный стек, используемый во многих проектах и ​​компаниях для создания продуктов.

В этой статье давайте разберемся, что такое стек MERN и какие технологии для каких задач используются. Я также предоставлю вам ресурсы для изучения разработки стека MERN.

Что такое стек MERN?

Стек MERN объединяет четыре мощные технологии: MongoDB, Express.js, React и Node.js.

Каждый компонент стека отвечает за определенный аспект веб-разработки, и при совместном использовании они создают целостную среду для создания полнофункциональных веб-приложений.
Давайте подробнее рассмотрим каждую из этих технологий:

  1. MongoDB: MongoDB — это база данных NoSQL, в которой данные хранятся в формате, подобном JSON. Mongodb спроектирован таким образом, чтобы обрабатывать большие объемы данных и обеспечивать высококачественную масштабируемость и производительность. Это намного более гибко по сравнению с базами данных SQL, такими как MySQL.
  2. Express.js. Express.js — это серверная платформа веб-приложений для Node.js. Это упрощает процесс разработки масштабируемого серверного веб-приложения. Express.js предоставляет утилиты для обработки HTTP-запросов, маршрутизации и промежуточного программного обеспечения, что упрощает создание REST API с помощью Express.js.
  3. React.js: React — это современная библиотека JavaScript, используемая для создания пользовательских интерфейсов (UI). React упрощает создание интерфейсных интерактивных веб-приложений. Компонентный подход упрощает создание масштабируемых приложений. Для React создано множество библиотек, таких как Redux, для управления состоянием, что еще больше упрощает разработчикам реализацию новых функций. Существует также широко используемый фреймворк, созданный на основе React, под названием Next.js, который дает больше возможностей разработчикам React.
  4. Node.js: Node.js — это среда выполнения, которая позволяет разработчикам писать код JavaScript на стороне сервера. Он использует управляемую событиями неблокирующую модель ввода-вывода, что делает его хорошо подходящим для создания масштабируемых приложений реального времени. Node.js может обрабатывать большое количество одновременных подключений, не блокируя выполнение других задач.

Как работает стек MERN

Стек MERN четко разделен между интерфейсной и внутренней частью, что позволяет разработчикам работать с обеих сторон независимо, обеспечивая при этом бесперебойную связь между ними.

Вот как работают все компоненты стека MERN:

Интерфейс построен с использованием React.js. Он обрабатывает всю логику на стороне клиента и делает веб-приложение интерактивным. Он отправляет HTTP-запросы на серверную часть для извлечения, добавления и манипулирования данными.

Express.js, работающий на Node.js, служит серверной частью. Он обрабатывает входящие HTTP-запросы от внешнего интерфейса, взаимодействует с базой данных MongoDB для получения или хранения данных и отправляет обратно соответствующие ответы.

MongoDB хранит данные приложения. Он предоставляет гибкое и масштабируемое решение для базы данных, которое хранит данные в коллекциях (эквивалентно таблицам в реляционных базах данных) и документах (эквивалентно строкам).

Node.js выступает в качестве посредника между внешним интерфейсом и базой данных MongoDB. Он получает запросы от внешнего интерфейса, обрабатывает их, взаимодействует с базой данных и отправляет обратно необходимые данные.

Преимущества использования стека MERN

Полнофункциональный JavaScript: стек MERN позволяет разработчикам использовать один язык программирования для всего приложения. Будь то фронтенд или бэкенд. Даем разработчикам JavaScript суперсилу.

Повторное использование. Благодаря компонентной архитектуре React разработчики применяют один из наиболее важных принципов разработки — DRY (не повторяйтесь). С помощью React разработчики могут создавать повторно используемые элементы пользовательского интерфейса, сокращая повторение и экономя время.

Приложения реального времени. Управляемая событиями архитектура Node.js позволяет создавать приложения реального времени, такие как чат-приложения и инструменты для совместной работы. Для этого вы можете использовать такие библиотеки, как «socket.io».

Масштабируемость. Способность MongoDB обрабатывать большие объемы данных и неблокирующий ввод-вывод Node.js делают стек подходящим для создания масштабируемых приложений.

Ресурсы для изучения стека MERN

Вот ресурсы, которыми я воспользовался, чтобы изучить разработку стека MERN:

  1. CodeWithHarry CodeWithHarry – это канал, на котором рассказывается о различных технических стеках и технологиях. Но дело в том, что он (Гарри) снимает видео на хинди, поэтому оно не подойдет для аудитории, не говорящей на хинди.
    Ссылка: https://www.youtube.com /@CodeWithHarry
  2. FreeCodeCamp: Я уверен, что большинство из вас уже знают о FreeCodeCamp, это отличное место для изучения всего, что связано с программированием.
    Ссылка: https:/ /www.freecodecamp.org
  3. Clever Programmer: Это отличный канал на YouTube, в основном посвященный веб-разработке, они делают несколько клонов и проектов, с помощью которых можно получить практические знания.
    Ссылка: https://www. youtube.com/@CleverProgrammer
  4. Traversy Media: Этот канал YouTube наполнен большим количеством контента по веб-разработке, у них есть отдельные плейлисты для различных типов руководств.
    Ссылка: https:// www.youtube.com/@TraversyMedia
  5. Упрощенная веб-разработка. Как следует из названия, этот канал YouTube полностью посвящен веб-разработке. Иногда нам показывают очень крутые трюки.
    Ссылка: https: //www.youtube.com/@WebDevSimplified

Вы также можете обратиться к следующей статье javinpaul, доступной на Medium, в которой обсуждаются 6 лучших онлайн-курсов по стеку MERN:
https://medium.com /javarevisited/top-5-online-courses-to-learn-mern-stack-in-Deep-9947230f194

Заключение

В заключение отметим, что стек MERN представляет собой мощную комбинацию MongoDB, Express.js, React и Node.js, которая позволяет разработчикам создавать современные, эффективные и масштабируемые веб-приложения.

Итак, засучите рукава и отправляйтесь в путешествие в захватывающий мир веб-разработки со стеком MERN!

Я Пушкарай Кулкарни, Full-Stack разработчик и фрилансер. Я специализируюсь на создании высококачественных и масштабируемых веб-приложений. В настоящее время я доступен для работы на фрилансе или с частичной занятостью.

Если вам понравилась эта статья, пожалуйста, похлопайте ее и рассмотрите возможность подписаться на меня на Medium. Вы также можете найти меня в X (Twitter), где я довольно активен.

Если у вас есть какие-либо вопросы, связанные с этой статьей, или какие-либо предложения, пожалуйста, оставляйте их в разделе комментариев. Я отвечу всем вам. Кроме того, вы также можете отправить мне личное сообщение в X (Twitter).