Typescript For Beginners #1 - Install And Run Typescript
New video about Firebase Database + React: https://youtu.be/yyo_TcZCrS4 First thing you want to do to work with typescript - is to install the compiler.
In this video we will write tests for a component that uses ReactQuery to fetch and update data. Let me know in the comments if you want to see how to test our custom hooks.
Code: https://github.com/satansdeer/react-query-3-example
? Twitter: https://twitter.com/ivanov_dev
I write about React and TypeScript there
Code: https://github.com/satansdeer/react-query-3
Discord: https://discord.gg/KPh8Vvb
Mailing List: https://mailchi.mp/8192ce205321/maksim
...
https://www.youtube.com/watch?v=ZfvOHRX-FDM
This video is outdated, you can find an updated version here https://youtu.be/4UCwA2n4gsA
In this react tutorial i'm showing how to use the React Query library to fetch the data in your React application. You can forget about the useEffect hook for data fetching with this library.
The API looks is similar to React-Apollo but for REST APIs instead of GraphQL.
? Twitter: https://twitter.com/ivanov_dev
I write about React and TypeScript there
Repo: https://github.com/satansdeer/react-query-tutorial
Discord: https://discord.gg/KPh8Vvb
...
https://www.youtube.com/watch?v=GE-waX4jmdA
In this video we'll build the dreadful form with all the complex features using the react-hook-form package. The form features will include:
- multi-step / wizard form
- form field validation on blur ( using yup )
- form field masking / normalisation
- dependent form fields
- custom form inputs
- using react-hook-form with material-ui
- file uploads using the dropzone ( using the react dropzone )
React-hook-form wizard with Redux: https://www.youtube.com/watch?v=evDxlqnsxXc
? Twitter: https://twitter.com/ivanov_dev
I write about React and TypeScript there
Code: https://github.com/satansdeer/completed
My Discord: https://discord.gg/KPh8Vvb
My Book: https://www.newline.co/fullstack-react-with-typescript/
...
https://www.youtube.com/watch?v=U-iz8b4RExA
New video about Firebase Database + React: https://youtu.be/yyo_TcZCrS4 My website: https://maksimivanov.com/posts What is doctype in HTML documents? And why do you have to specify the doctype?
What is HTML5 doctype?
If you open any webpage, and look at it's source code, you'll always see
a little thingy just before the opening html tag. So what is it, and what does it do?
Check out the article on my blog: https://maksimivanov.com/posts/doctype-html/
Hi, ? my name is Maksim and I'm frontend engineer. I make tutorials about html, css, javascript and other development tools. I also teach people React and make other Javascript tutorials.
On my channel you can find tutorials how to make web application and also frontend development tips.
★↓FOLLOW ME ON SOCIAL MEDIA!↓★
Instagram: https://www.instagram.com/i_m_maksim/
Twitter: https://twitter.com/satansdeer
Facebook Page: https://www.facebook.com/satansdeer
...
https://www.youtube.com/watch?v=5E1eQ_gNmyU
New video about Firebase Database + React: https://youtu.be/yyo_TcZCrS4 Git provides an interface to run some code as reaction on specific triggers. Those triggers are called githooks (hooks used by git). You can run code on every commit, push, pull or other actions.
Hooks are programs you can place in a hooks directory to trigger actions at certain points in git’s execution.
Githooks documentation: https://git-scm.com/docs/githooks
Husky repo: https://github.com/typicode/husky
Githooks website: https://githooks.com
Article for this video: https://maksimivanov.com/posts/git-husky/
...
https://www.youtube.com/watch?v=qod6E738cc4
In this video we'll build an ExpressJS CRUD application and document it using Swagger. We'll
use swagger-jsdoc to write the specs and express-swagger-ui to show the Swagger interface.
? Twitter: https://twitter.com/ivanov_dev
I write about React and TypeScript there
Code: https://github.com/satansdeer/swagger-api-library
Codesandbox: https://codesandbox.io/s/swagger-api-library-5s5s7
Video About Testing React Query Components: https://youtu.be/ZfvOHRX-FDM
My discord: https://discord.gg/KPh8Vvb
My mailing list: https://mailchi.mp/8192ce205321/maksim
...
https://www.youtube.com/watch?v=S8kmHtQeflo
In this tutorial, we’ll learn how to create a VSCode extension that will communicate with Node Inspector to collect execution data - basically a Quokka.js clone.
For those who don’t know what Quokka.js is - it’s a live scratchpad for Javascript/Typescript that allows you to see the results of code execution right in your editor.
Code: https://github.com/satansdeer/wombat
Discord: https://discord.gg/KPh8Vvb
Free React Testing Checklist: http://eepurl.com/c_8tzP
...
https://www.youtube.com/watch?v=7KzYMnP9b3E