React & Redux - Webpack configuration - No commentary
In this "No commentary" episode I show you my custom configuration for Enterprise sized applications using React and Redux with Webpack. It's good to know how you can gain the most from the Webpack bundler in your React applications.
Git repository of the final result: https://github.com/davidcsejtei/react-webpack-configuration
React.js: https://reactjs.org/
Redux.js: https://redux.js.org/
Webpack: https://webpack.js.org/
0:00 - Start
0:12 - Install development dependencies
1:33 - Install product dependencies
2:44 - Add npm commands
3:29 - Create Webpack custom configuration
3:59 - Common parts of the Webpack configuration
6:16 - Development related parts of the Webpack configuration
7:41 - Product related parts of the Webpack configuration
11:12 - Add Webpack template file
14:33 - Make application source code directory: src
15:25 - Entry point of the application
18:31 - Create redux store in store.js
20:58 - Make redux reducer file
22:10 - Add an example feature - user loader and page
22:27 - UsersPage page component
25:01 - Redux Reducer for users
26:16 - Types and urls
27:05 - Action for get all users
28:48 - Add missing store instance into the application
29:11 - Try to start development server - failed
29:15 - Start fixing typos and errors
29:42 - Remove unnecessary options property from the common configuration
30:26 - Remove duplicated imports - thanks to VS Code
31:14 - Fixing a typo - from "UserPage" to "UsersPage" in the index file
31:20 - Second trial of starting the development server - missing one more import
31:49 - Add thunkMiddleware import in store
32:18 - Re-start development server - success
32:24 - Check the example feature runs - load all users from a test api and list on the users page
32:36 - Run a production build to check the product configration as well - success
32:56 - Test if redux and react developer tool works properly in the browser
Udemy profile: https://www.udemy.com/user/david-csejtei/
LinkedIn profile: https://www.linkedin.com/in/davidcsejtei/
Medium profile: https://codinglikedavid.medium.com/
? Join my slack group to get help: https://join.slack.com/t/codinglikedavid/shared_invite/zt-wowi9q4g-0N_ngfSx0dcOUMaRftdylQ
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React & Redux - Webpack configuration - No commentary», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.