New video about Firebase Database + React: https://youtu.be/yyo_TcZCrS4
Usually create-react-app is enough to create new React applications, and if you need to have some specific settings - you can always eject and alter its webpack configuration. But sometimes you just need to set up a project from scratch.
In this tutorial, you will learn how to setup Webpack with Babel and React support. We’ll also configure a dev server.
Article: https://maksimivanov.com/posts/basic-webpack-react-setup/
...
https://www.youtube.com/watch?v=erE0E6P-F38
How to use nested stores in mobx.
I'm showing how to implement dependent stores in MobX.
Code: https://github.com/satansdeer/mobx-react/tree/dependent-stores
Discord: https://discord.gg/KPh8Vvb
Free React Testing Checklist: http://eepurl.com/c_8tzP
#mobx #battlefield #satansdeer
...
https://www.youtube.com/watch?v=WoT6iPY75FU
New video about Firebase Database + React: https://youtu.be/yyo_TcZCrS4 Chrome react devtools: https://goo.gl/54hje8
When you develop react application - one of the most often things you do is debugging your components. In this video you will learn how to debug react applications using react developer tools.
First thing you need to do is to install the chrome extention and reload browser. After you've done with that - you'll notice that your developer console now has new tab "React".
Click on that tab will open new the devtools. The UI consists from two panels. The react elements tree on the left and component info on the right.
My Discord Server: https://discord.gg/KPh8Vvb
...
https://www.youtube.com/watch?v=wxHxYfTe58g
Games from this video:
https://codepip.com/games/flexbox-froggy/
http://www.flexboxdefense.com/
https://codepip.com/games/grid-garden/
https://flukeout.github.io/
https://cssbattle.dev/
Where to find me:
Discord: https://discord.gg/KPh8Vvb
Twitter: https://twitter.com/SatansDeer
...
https://www.youtube.com/watch?v=iYFx4Iy0hWk
Welcome to ReactJS Custom Hooks Mini Course. In this course we'll learn how to create custom hooks in React, how to test them using React Testing Library and how to publish them as a standalone npm package.
Course playlist: http://bit.ly/35FHALa
Subscribe to the channel: http://bit.ly/2QZ2UY3
In this video we will test our custom react hook using react hooks testing library. Custom hook that we are testing uses useState internally.
...
https://www.youtube.com/watch?v=GsoJQCNTwCg
New video about Firebase Database + React: https://youtu.be/yyo_TcZCrS4 This repo url: https://goo.gl/YMTPuC
Make sure to visit my blog: http://maksimivanov.com
...
https://www.youtube.com/watch?v=3AbzaIl-ojw
Will you join me to complain about frontend development for 7 minutes?
Here's what I'll whine about:
00:00 Intro
00:18 CSS is hard
01:01 Designers want custom things
01:34 Accessibility is hard
02:21 Performance is hard
03:02 Need to keep track of browser updates
03:41 New framework pop up every day
05:00 Check availability with Caniuse
05:35 You'll have to support outdated things
06:14 Conclusion
...
https://www.youtube.com/watch?v=DUHP7ozmmW0
New video about Firebase Database + React: https://youtu.be/yyo_TcZCrS4 My website: https://maksimivanov.com/posts Javascript For Loops
Sometimes you need to do some action repeatedly.
There are several different ways to implement loops in Javascript.
for statement
while statement
do..while statement
for..in statement
for..of statement
Today we'll learn how to use the most basic one, the `for` statement.
My Discord Server: https://discord.gg/KPh8Vvb
...
https://www.youtube.com/watch?v=daV4t065sX4
React-hook-form supports file uploads. In this video I'll show you how to upload files using react-hook-form. And also we'll update the firebase file upload example with react-hook-form
? Twitter: https://twitter.com/ivanov_dev
I write about React and TypeScript there
Code: https://github.com/satansdeer/react-hook-form-file-input
Discord Server: https://discord.gg/KPh8Vvb
...
https://www.youtube.com/watch?v=XlAs-Lid-TA