Установить react developer tools в microsoft edge

Обновлено: 06.07.2024

Внутри React использует несколько умных методов, чтобы минимизировать количество дорогостоящих операций DOM, необходимых для обновления пользовательского интерфейса. Для многих приложений использование React приведет к быстрому пользовательскому интерфейсу, не выполняя много работы, чтобы специально оптимизировать производительность. Тем не менее, есть несколько способов ускорить ваше приложение React.

Использовать сборку продукции

Если вы проводите бенчмаркинг или испытываете проблемы с производительностью в своих приложениях React, убедитесь, что вы тестируете мини-сборку.

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

Если вы не уверены, правильно ли настроен процесс сборки, вы можете проверить его, установив React Developer Tools для Chrome.

Создать приложение React

Если ваш проект построен с помощью приложения Create React , запустите:

Это создаст производственную сборку вашего приложения в build/папке вашего проекта. Помните, что это необходимо только перед развертыванием в производство. Для нормальной разработки используйте npm start.

Однофайловые сборки

Мы предлагаем готовые версии React и React DOM в виде отдельных файлов:

Помните, что только файлы Реагирования, оканчивающиеся на .production.min.js, подходят для производства.

Brunch

Для наиболее эффективной сборки сборки Brunch установите uglify-js-brunchплагин:

Затем, чтобы создать сборку сборки, добавьте -p флаг в build команду:

Помните, что вам нужно всего лишь сделать это для производственных сборок. Вы не должны передавать -p флаг или применять этот плагин в разработке, потому что он скроет полезные предупреждения React и сделает сборки намного медленнее.

Browserify

Для наиболее эффективной сборки сборки Browserify установите несколько плагинов:

Чтобы создать сборку продукции, убедитесь, что вы добавляете эти преобразования (порядок имеет значение) :

наконец, результирующий пучок передается по uglify-js каналам для извлечения (читайте почему).

Заметка:

Имя пакета есть uglify-js, но вызывается двоичный файл, который он предоставляет uglifyjs.
Это не опечатка.

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

Browserify

Для наиболее эффективной сборки сборки Rollup установите несколько плагинов:

Чтобы создать сборку, убедитесь, что вы добавляете эти плагины (порядок имеет значение) :

плагин обеспечивает правильное окружение сборки устанавливается. плагин обеспечивает поддержку CommonJS в накопительном пакете. плагин сжимает и искажает конечный пучок.

WebPack

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

Компоненты профилирования с вкладкой «Производительность Chrome»

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

Чтобы сделать это в Chrome:

Временно отключите все расширения Chrome, особенно React DevTools . Они могут значительно исказить результаты!
Убедитесь, что вы запускаете приложение в режиме разработки.
Откройте вкладку «Performance Chrome DevTools» и нажмите «Record» .
Выполните действия, которые вы хотите профилировать. Не записывайте более 20 секунд или Chrome может зависать.
Остановите запись.
События React будут сгруппированы под меткой User Timing.

Виртуализировать длинные списки

Если ваше приложение отображает длинные списки данных (сотни или тысячи строк), мы рекомендуем использовать метод, известный как «оконный». Этот метод только отображает небольшое подмножество ваших строк в любой момент времени и может значительно сократить время, необходимое для повторной обработки компонентов, а также количества созданных узлов DOM.

React Virtualized - одна популярная библиотека окон. Он предоставляет несколько повторно используемых компонентов для отображения списков, сеток и табличных данных. Вы также можете создать свой собственный компонент окна, например, Twitter , если хотите что-то более приспособленное для конкретного случая использования вашего приложения.

Избегайте примирения

React строит и поддерживает внутреннее представление отображаемого пользовательского интерфейса. Он включает элементы React, которые вы возвращаете из своих компонентов. Это представление позволяет React избегать создания узлов DOM и доступа к существующим без необходимости, поскольку это может быть медленнее операций над объектами JavaScript. Иногда его называют «виртуальным DOM», но он работает аналогично с React Native.

Когда реквизит или состояние компонента изменяется, React решает, требуется ли фактическое обновление DOM, сравнивая вновь возвращенный элемент с ранее отображенным. Когда они не равны, React обновит DOM.

Теперь вы можете визуализировать эти повторные визуализации виртуальной DOM с помощью React DevTools:

В консоли разработчика выберите параметр «Highlight Updates» на вкладке «React». Взаимодействуйте со своей страницей, и вы должны увидеть, что цветные границы мгновенно появляются вокруг любых компонентов, которые были повторно отображены. Это позволяет вам выявлять повторные рендеры, которые не были необходимы.

Рассмотрим пример Todo списка, когда мы вводим второе todo, первое todo также мигает на экране при каждом нажатии клавиши. Это означает, что он повторно отображается Реатом вместе с входом. Это иногда называют «потерянным» рендерингом. Мы знаем, что это необязательно, потому что первый контент todo не изменился, но React этого не знает.

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

Если вы знаете , что в некоторых ситуациях компонент не нужно обновлять, вы можете вернуться false из shouldComponentUpdate вместо того , чтобы пропустить весь процесс рендеринга, включая вызов render() на этом компоненте и ниже.

В большинстве случаев вместо того, чтобы писать shouldComponentUpdate() вручную, вы можете наследовать React.PureComponent. Это эквивалентно реализации shouldComponentUpdate() с неглубоким сравнением текущего и предыдущего реквизита и состояния.

shouldComponentUpdate in Action

Вот поддерево компонентов. Для каждого из них SCU указывается, что shouldComponentUpdate возвращается, и vDOMEq указывает, эквивалентны ли отображаемые элементы React. Наконец, цвет круга указывает, должен ли компонент быть согласован или нет.

Так как shouldComponentUpdate возвращается false для поддерева, внедренного в C2, React не пытался отобразить C2 и, следовательно, даже не нужно ссылаться shouldComponentUpdate на C4 и C5.

Для C1 и C3 shouldComponentUpdate вернулись true, так что «React» должен был спуститься к листьям и проверить их. Для shouldComponentUpdate возврата C6 true, а так как отображаемые элементы не были эквивалентны, React должен был обновить DOM.

Последний интересный случай - C8. Реагирование должно было отобразить этот компонент, но поскольку возвращаемые им элементы React были равны ранее предоставленным, ему не нужно было обновлять DOM.

Обратите внимание, что React должен был делать DOM-мутации для C6, что было неизбежно. Для C8, он выручил путем сравнения отображаемых элементов React, а для поддерева C2 и C7, даже не пришлось сравнивать элементы по мере того, как мы выходили shouldComponentUpdate и render не вызывались.

Примеры

Если единственный способ изменения вашего компонента - когда изменяется переменная props.color или state.count переменная, вы можете shouldComponentUpdate проверить, что:

В этом коде shouldComponentUpdate просто проверяется, есть ли какие-либо изменения в props.color или state.count. Если эти значения не изменяются, компонент не обновляется. Если ваш компонент стал более сложным, вы можете использовать аналогичную схему для «мелкого сравнения» между всеми полями propsи stateопределить, должен ли компонент обновляться. Этот шаблон достаточно распространен, что React предоставляет помощника для использования этой логики - просто наследуйте React.PureComponent. Таким образом, этот код - более простой способ добиться того же:

Большую часть времени вы можете использовать React.PureComponent вместо того, чтобы писать свои собственные shouldComponentUpdate. Это делает только мелкое сравнение, поэтому вы не можете использовать его, если реквизит или состояние могут быть мутированы таким образом, что нечеткое сравнение пропустит.

Это может быть проблемой для более сложных структур данных. Например, предположим, что вы хотите, чтобы ListOfWords компонент отображал список слов, разделенных запятыми, с родительским WordAdder компонентом, который позволяет вам щелкнуть кнопку, чтобы добавить слово в список. Этот код обычно не работает правильно:

Проблема в том, что PureComponent будет делать простое сравнение между старыми и новыми значениями this.props.words. Поскольку этот код мутирует wordsмассив в handleClick методе WordAdder, старые и новые значения this.props.words будут сравниваться как равные, хотя фактические слова в массиве изменились. Таким ListOfWords образом, не будет обновляться, хотя у него есть новые слова, которые должны быть визуализированы.

Сила не мутирующих данных

Самый простой способ избежать этой проблемы - избежать мутирующих значений, которые вы используете в качестве реквизита или состояния. Например, handleClick описанный выше метод можно переписать, используя concat:

ES6 поддерживает синтаксис распространения для массивов, который может сделать это проще. Если вы используете приложение Create React, этот синтаксис доступен по умолчанию.

Чтобы написать это без мутации исходного объекта, мы можем использовать метод Object.assign:

updateColorMap теперь возвращает новый объект, а не мутирует старый. Object.assign находится в ES6 и требует полиполнения. Существует предложение JavaScript для добавления свойств распространения объекта, чтобы упростить обновление объектов без мутации:

Если вы используете приложение Create React, оба Object.assign и синтаксис распространения объекта доступны по умолчанию.

Использование неизменяемых структур данных

Immutable.js - еще один способ решить эту проблему. Он предоставляет неизменные, постоянные коллекции, которые работают через структурный обмен:

Неизменяемость (Immutable): после создания коллекция не может быть изменена в другой момент времени.
Настойчивый (Persistent): новые коллекции могут быть созданы из предыдущей коллекции и мутации, такие как set. Оригинальная коллекция по-прежнему действует после создания новой коллекции.
Структурный обмен (Structural Sharing): новые коллекции создаются с использованием такой же структуры, как и исходная коллекция, что позволяет сократить количество копий до минимума для повышения производительности.

Неизменность делает отслеживание изменений дешевым. Изменение всегда приведет к созданию нового объекта, поэтому нам нужно только проверить, изменилась ли ссылка на объект. Например, в этом обычном JavaScript-коде:

Хотя yбыл отредактирован, поскольку это ссылка на тот же объект, как xэто сравнение возвращается true. Вы можете написать аналогичный код с immutable.js:

В этом случае, поскольку новая ссылка возвращается при мутации x, мы можем использовать контрольную проверку равенства, (x === y) чтобы проверить, что новое значение, хранящееся, yотличается от исходного значения, хранящегося в x.

Две другие библиотеки, которые могут помочь использовать неизменяемые данные, являются непревзойденными и неизменяемыми.

Неизменяемые структуры данных предоставляют вам дешевый способ отслеживания изменений объектов, которые все, что нам нужно реализовать shouldComponentUpdate. Это может обеспечить вам хороший прирост производительности.

Современные браузеры — это не только отличные приложения для просмотра веб-страниц.

Браузеры — это ещё и платформы, предлагающие веб-разработчикам массу удобных инструментов, помогающих создавать замечательные сайты. В распоряжении разработчика, помимо встроенных инструментов, есть огромное количество браузерных расширений. Автор статьи, перевод которой мы сегодня публикуем, отобрал самые лучшие, на его взгляд, расширения, которые призваны помочь программистам в решении самых разных встающих перед ними задач. Это, в основном, расширения для Google Chrome.

Инструменты разработки для React/Redux и Vue.js

React и Vue.js — это широко известные инструменты для фронтенд-разработки. Для того чтобы максимально эффективно с ними работать, стоит установить соответствующие браузерные расширения.

Расширение React Developer Tools увеличивает возможности инструментов разработчика. С его помощью можно исследовать компоненты React, свойства, передаваемые компонентам, состояние компонентов. Оно способно принести React-разработчику реальную пользу.

React Developer Tools

Vue.js devtools — это то же самое, что и React Developer Tools, но для Vue.js. Это расширение весьма удобно при отладке компонентов Vue и пригодится всем, кто пользуется этим фреймворком.

Vue.js devtools

JSONView

Ловили себя когда-нибудь на мысли о том, что в браузерах других программистов JSON-данные выглядят понятными и аккуратными, а в вашем — нет? Возможно, всё дело в том, что другие пользуются расширением JSONView. Это расширение очень быстро и аккуратно форматирует JSON-данные. JSONView, определённо, одно из моих любимых браузерных расширений.

Library Sniffer

Library Sniffer — это отличный инструмент для того, кто хочет быстро узнать о том, с помощью каких средств, библиотек или фреймворков, созданы просматриваемые им страницы. Например, с помощью Library Sniffer можно узнать о том, с помощью чего создан некий сайт: WordPress, Drupal, React, Vue.js, AngularJS…

Library Sniffer

CSS Scan 2.0

CSS Scan 2.0 — это полезное расширение, которое позволяет разработчику исследовать и копировать CSS, просто наводя указатель мыши на элементы страниц. У него, правда, есть один минус. Дело в том, что для работы с ним нужно купить лицензию.

CSS Scan 2.0

У этого расширения есть бесплатная альтернатива — CSS Peeper. Она рассчитана, в основном, на дизайнеров, а не на тех, кто пишет код.

Web Developer

Расширение Web Developer позволяет оснастить браузер панелью, содержащей множество различных инструментов. С их помощью, например, можно отключать на страницах JavaScript, управлять расположением страницы, работать с изображениями. Это расширение доступно для Chrome и Firefox.

Web Developer

WhatFont

WhatFont — это довольно-таки маленькое расширение, которое позволяет идентифицировать шрифты, используемые на веб-страницах. Для того чтобы выяснить то, каким шрифтом оформлен фрагмент текста, достаточно включить расширение и навести указатель мыши на этот фрагмент. Работать с ним, как видите, предельно просто. Им, как и предыдущим расширением, могут пользоваться и те, кто работает в Chrome, и те, кто работает в Firefox.

ColorZilla

Расширением ColorZilla можно пользоваться и в Chrome, и в Firefox. Оно даёт в распоряжение разработчика инструмент для взятия цветопроб, средство для выбора цвета, генератор градиентов и другие полезные инструменты для работы с цветом. Например, с его помощью можно узнать о том, какой цвет имеет любой пиксель веб-страницы. Оно хранит историю работы с цветом и содержит инструмент для просмотра палитр.

Spectrum

Доступность контента — это важный аспект современной веб-разработки. Дело в том, что возможности многих людей по взаимодействию с веб-страницами ограничены. Одним из таких ограничений является цветовая слепота (Color Vision Deficiency, CVD). Она влияет на возможность человека различать определённые цвета. Расширение Spectrum позволяет исследовать сайты на предмет их пригодности для людей с различными типами CVD.

Site Palette

Расширение Site Palette позволяет извлечь с сайта используемые на нём цвета и оформить их в виде цветовой палитры. Оно поддерживает несколько способов генерирования палитр, позволяет, выдавая специальную ссылку, делиться палитрами, поддерживает возможность печати палитр, умеет конвертировать их в PDF-файлы. И этим возможности Site Palette не ограничиваются.

Site Palette

Расширение Toby предназначено для организации браузерных вкладок таким образом, чтобы в ходе работы не приходилось бы держать открытым огромное количество вкладок. Это — нечто вроде панели управления вкладками, с которой удобно работать с помощью мыши. Это расширение способно положительно повлиять на продуктивность труда веб-разработчика.

Talend API Tester

Talend API Tester

Full Page Screen Capture

Хотелось ли вам когда-нибудь быстро и без лишних движений сделать полный скриншот просматриваемой страницы? Если это так — тогда вам вполне может пригодиться расширение Full Page Screen Capture. С его помощью можно получать скриншоты всего содержимого страниц в формате PDF или в виде изображения. Оно даже может работать с элементами, поддерживающими скроллинг, и с элементами iframe .

Full Page Screen Capture

Итоги

Мы рассмотрели примерно полтора десятка браузерных расширений для веб-разработчиков. Надеемся, вы нашли среди них что-то такое, что вам пригодится.

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

Один очень полезный инструмент, который нам абсолютно необходимо установить при создании приложения React, например, приложения Next.js, - это React Developer Tools.

Доступно для обоихХромиFire Fox, инструменты разработчика React - важный инструмент, который вы можете использовать для проверки приложения React.

Они предоставляют инспектор, который показывает дерево компонентов React, которое строит вашу страницу, и для каждого компонента вы можете проверить свойства, состояние, хуки и многое другое.

После того, как вы установили React Developer Tools, вы можете открыть обычные инструменты разработчика браузера (в Chrome щелкните правой кнопкой мыши на странице, затем нажмите Inspect ) и вы найдете 2 новые панели:Составные частииПрофайлер.

Если вы наведете указатель мыши на компоненты, вы увидите, что на странице браузер выберет части, которые визуализируются этим компонентом.

Если вы выберете любой компонент в дереве, правая панель покажет вам ссылку народительский компонент, и пропс передал ему:

Вы можете легко перемещаться, щелкая по названиям компонентов.

Вы можете щелкнуть значок глаза на панели инструментов разработчика, чтобы проверить элемент DOM, а также, если вы используете первый значок со значком мыши (который удобно расположен под аналогичным обычным значком DevTools), вы можете навести курсор на элемент в пользовательский интерфейс браузера, чтобы напрямую выбрать компонент React, который его отображает.

Вы можете использовать bug значок для записи данных компонента в консоль.

Это довольно круто, потому что после того, как вы напечатали там данные, вы можете щелкнуть правой кнопкой мыши любой элемент и нажать «Сохранить как глобальную переменную». Например, здесь я сделал это с помощью url prop, и я смог проверить его в консоли, используя назначенную ему временную переменную, temp1 :

С помощьюИсходные карты, которые автоматически загружаются Next.js в режиме разработки, на панели Components мы можем щелкнуть <> code, и DevTools переключится на панель Source, показывая нам исходный код компонента:

ВПрофайлерtab, если возможно, еще круче. Это позволяет намзаписывать взаимодействиев приложении и посмотрите, что произойдет. Я пока не могу показать пример, потому что для создания взаимодействия требуется как минимум 2 компонента, а сейчас у нас есть только один. Об этом я расскажу позже.

Я показал все скриншоты в Chrome, но React Developer Tools работает точно так же в Firefox:

Просматривая в Windows 11 раздел «Приложения и возможности» или список программ апплета «Программы и компоненты» классической панели управления, можно обнаружить ПО, которое вы не устанавливали, в частности, приложение «Среда выполнения Microsoft Edge WebView2 Runtime». Также данный компонент может быть случайно обнаружен во время просмотра списка процессов в Диспетчере задач (процесс msedgewebview2.exe) .

Естественно, у начинающего пользователя может возникнуть вопрос: что это такое, откуда оно взялось, нужно ли это и можно ли это удалить.

Что такое WebView2 Runtime

Можно ли удалить WebView2

Программная среда WebView2 появилась еще в Windows 10, в сборках 2004 и 2101 , но тогда ее можно было удалить как обычное приложение. В Windows 11 она поставляется с операционной системой, причем ее удаление не предусматривается. В разделе «Приложения и возможности» кнопка удаления неактивна, а в апплете классической панели управления опция деинсталляции и вовсе отсутствует.

Отключена она, по всей видимости, не случайно, — интеграции с облачными сервисами в Windows 11 планируется уделить особое внимание.

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

Если вы всё же решите удалить Edge WebView2 Runtime , для этого вам понадобиться Revo Uninstaller или аналогичная программа.

Библиотека React JavaScript , разработанная Facebook , декларативная компонентная технология для создания веб-интерфейсов, в последние годы завоевала популярность у разработчиков.

Предлагая разработчикам эффективность и гибкость , React - он же React.js - дебютировал для публики в мае 2013 года. С тех пор библиотека с открытым исходным кодом была отмечена более 135 000 раз на GitHub и разветвлена более 25 000 раз.

1) Reactide - это специальная IDE для веб-разработки на React. Используя интегрированный сервер Node.js и настраиваемый симулятор браузера, пользователям Reactide не нужно возиться с настройкой серверов или инструментами сборки. Им также не нужно переключаться между браузером, IDE и сервером. Возможность перезагрузки в реальном времени позволяет разработчикам отслеживать изменения прямо в среде разработки. Другие возможности включают:

- Дерево визуальных компонентов для управления состоянием в приложении.

- Интегрированный терминал для запуска команд в bashUnix и cmdWindows.

- Нестандартная перезагрузка горячего модуля.

2) Redux - это контейнер с предсказуемым состоянием для приложений JavaScript. Он помогает разработчикам писать приложения, которые работают в различных средах, включая веб-клиент, веб-сервер и собственные приложения. Redux работает с React или любой другой библиотекой представлений. Redux имеет размер 2 КБ, включая зависимости, и использует экосистему надстроек. Особенности Redux включают:- Централизация состояния и логики приложения, обеспечивающая такие возможности, как выполнение / повтор и сохранение состояния.

- Отслеживание того, когда, почему, где и как изменилось состояние приложения.

- Поддержка TypeScript с нулевой конфигурацией.

- Маршруты API для создания конечных точек серверных приложений с использованием горячей перезагрузки и унифицированного конвейера сборки.

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

P.s Если тебе IT тематика, и ты хочешь больше контента на тему IT то можешь подписаться на Telegram канал: t.me/AlphaCodeJS

Зайдешь на пикабу почитать какую нибудь ерунду, и здесь этот ссаный реакт.

Шож ты за хуйню то пишешь. В сраку себе этот реактид засунь и с ним работай.

Будни программиста

Вторая без первой не заведётся

P.s. номера машин

Равенство в JavaScript:

Требовательный код

Заказчик: ваш код требует слишком много памяти

Програмист: сейчас я вам покажу, что такое много памяти

Кто мог писать о JavaScript в 20 веке?

Секрет тяжести молота Тора:

Ответ на пост «Бесплатно помогаю пикабушникам учить программирование, часть 15: "Еще один пост о собеседованиях"»

Привет, вот настала и моя очередь благодарить @prodigal.son :)

В программировании у меня ббыл опыт, но очень нерелевантный, писал для себя на питоен разные задачки, с друзьями-школьниками делали разные проекты

На пост об обучении руби наткнулся случайно - дело в том, что я уже давно забил на пикабу, но в обсуждении к курсам по питону на другом сайте кто-то скинул ссылку - и так я познакоммился с руби)

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

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

Ооо, еще у же были репетиции собеседований где я плавал, но в итоге смог добиться более менее успехов в ответах и многие вопросы мне в будущем задали и на реальном интервью. Сейчас прохожу стажировку, надеюсь все будет в порядке и пройду на джуна, ибо конкуренция конечно огромна, время терять никак нельзя, как говорится "движение - это жизнь"

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

Современные способы рекрутинга

JS — подстрекатель

Чтобы понять это прикол нужен дополнительный фреймворк

Помогите выбрать

Всем привет! Давно читаю пикабу но пишу впервые, так что сильно не бейте. Буду краток (с), но зайду издалека.

Когда-то давно закончил колледж (шарагу), потом работал пытался учится заочно, но как-то с этим (учебой) не срасталось. Затем армейка, после которой появилась огромная мотивация развиваться. Надо сказать, что живем мы в городе спутнике АЭС. Так вот после армии устроился я рабочим на производстве, косвенно связанным со станцией. Поработал пообщался с инженерами и прочими КиПовцами, я понял, что мне это все очень интересно и решил поступить в ВУЗ на инженера-физика по эксплуатации АЭС.

Выбор был заочка, очка. Но я подумал, что раз учится так учится денежная подушка какая никакая была, а подработку я всегда бы себе нашел. 5 месяцев подготовки к вступительным и привет 1 курс. Учится очень нравилось и все получалось за 4 года ни одной тройки в зачетке.

Не буду рассказывать все дальнейшие перипетии, особенности лечения в российской действительности, побочки химии и лучевой и тд (если кому интересно отвечу в комментах или отдельном посте). Промежуточный итог: инвалидность 1 гр (оч плохо работают правые рука и нога, проблемы с речью) с учебы пришлось уйти (пока в академ).

Сейчас уже более-менее успокоился и смирился. В сентябре есть вариант восстановится на учебу, уч отдел и преподаватели готовы пойти навстречу и организовать мне что-то вроде свободного посещения насколько это возможно. Но я понимаю, что, даже закончив ВУЗ я вряд ли смогу работать по специальности. Соответственно возникает проблема, обузой родным я быть не хочу, хочу приносить им и по возможности обществу пользу, а все что я могу нормально делать это сидеть за компом (да и то управляясь одной левой). Поэтому мой взгляд пал на удаленную работу/фриланс. Когнитивные функции у меня не пострадали учится хочу и могу. Но тема для меня совсем незнакомая и по первости взгляд пал на такие профессии как таргетолог, верстальщик/веб-разработчик.

Разработчик кажется интереснее, но выше порог вхождения и сложность из за физ показателей (печатаю, держу мышь одно рукой).

Таргетолог вроде попроще / побыстрее можно начать, но перспективы похуже.

Жду от Вас советов может еще каких-то вариантов, о которых я даже не знаю.

Читайте также: