Giter Site home page Giter Site logo

test-app-react-ts's Introduction

Test app (React + TS + SASS)

Ссылка на проект: https://pshorin.github.io/test-app-react-ts/

Описание выбора технологий для проекта:

В данном README представлены обоснования выбора различных технологий и библиотек для данного проекта. При этом основными факторами выбора были: возможность работать над проектом будущей команды разработчиков с разным уровнем подготовки, а также перспективы масштабирования проекта. Было выбрано: React + TS + SASS. Также добавлен линтер ESLint.

React

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

  • Популярность и экосистема: React - один из самых популярных фреймворков для разработки пользовательских интерфейсов. Это означает наличие большой и активной сообщества разработчиков, множества готовых компонентов и библиотек, а также множество обучающих ресурсов. Это облегчает внесение новых разработчиков в проект и поиск решений для задач.
  • Производительность: Виртуальный DOM в React обеспечивает эффективность интерфейса, особенно при масштабировании.
  • Реиспользуемость кода: React позволяет создавать компоненты, что упрощает разработку и поддержку.

TypeScript

Для уменьшения возможных ошибок и улучшения читаемости кода в будущем при масштабировании проекта был выбран TypeScript. TypeScript - это строго типизированный надмножественный язык JavaScript, который предоставляет ряд преимуществ:

  • Статическая типизация: TypeScript предотвращает ошибки на этапе разработки, обеспечивая надежность кода.
  • Улучшенная поддержка IDE: TypeScript обогащает среды разработки функциональностью, что упрощает работу.
  • Документация и читаемость кода: TypeScript делает код более читаемым и понятным.

SASS

Для стилизации проекта был выбран препроцессор SASS. Этот выбор также обоснован рядом факторов:

  • Улучшенный синтаксис: SASS предоставляет более удобный синтаксис для создания стилей.
  • Модульность и переиспользуемость: SASS позволяет создавать переменные и миксины для гибкой системы стилей.
  • Легкая интеграция: SASS легко интегрируется с проектом на React и TypeScript, что обеспечивает единое управление стилями и компонентами.

Getting Started

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.

yarn build

Builds the app for production to the build folder.

test-app-react-ts's People

Contributors

pshorin avatar

Stargazers

plugg1N avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.