Raul Terhes
Raul Terhes
  • 29
  • 189 159
Tailwind CSS Course | Borders
Learn all about using the borders utility classes from TailwindCSS, then look into dividers, a feature that will ease the way you use borders to separate elemenets.
=============================================================
❗️Don't forget to:
✔️Subscribe to the channel
✔️Like the video
✔️Leave a comment
=============================================================
📚 Resources:
📘 Code: github.com/raulterhesdev/tailwind-course-youtube
📎 Tailwind CSS Course playlist: ua-cam.com/play/PLbISvIqMwJh3Undk-j3A-xcjqI237GeBE.html
=============================================================
☕ Buy me a coffee: www.buymeacoffee.com/raulterhes
🚀 Follow me:
✔️ Blog: raulterhes.com
✔️ Twitter: raulbterhes
✔️ Facebook: raulterhesdev/
✔️ GitHub: github.com/raulterhesdev
=============================================================
Переглядів: 2 151

Відео

Tailwind CSS Course | Background Colors, Gradients & Images
Переглядів 10 тис.3 роки тому
This video will teach you how to add background colors, gradients and images using the utility classes from TailwindCSS. ❗️Don't forget to: ✔️Subscribe to the channel ✔️Like the video ✔️Leave a comment 📚 Resources: 📘 Code: github.com/raulterhesdev/tailwind-course-youtube 📎 Tailwind CSS Course playlist: ua-cam.com/play/PLbISvIqMwJh3Undk-j3A-xcjqI237GeBE.html ☕ Buy me a coffee: www.buymeacoffee.c...
Tailwind CSS Course | Margin & Padding
Переглядів 3133 роки тому
Tutorial about all the padding, margins and spacing utility classes from Tailwind CSS ❗️Don't forget to: ✔️Subscribe to the channel ✔️Like the video ✔️Leave a comment 📚 Resources: 📘 Code: github.com/raulterhesdev/tailwind-course-youtube 📎 Tailwind CSS Course playlist: ua-cam.com/play/PLbISvIqMwJh3Undk-j3A-xcjqI237GeBE.html ☕ Buy me a coffee: www.buymeacoffee.com/raulterhes 🚀 Follow me: ✔️ Blog:...
Tailwind CSS Course | Typography
Переглядів 6403 роки тому
Learn all about typography using Tailwind CSS's utilities for font size, colors, alignment and style. ❗️Don't forget to: ✔️Subscribe to the channel ✔️Like the video ✔️Leave a comment 📚 Resources: 📘 Code: github.com/raulterhesdev/tailwind-course-youtube 📎 Tailwind CSS Course playlist: ua-cam.com/play/PLbISvIqMwJh3Undk-j3A-xcjqI237GeBE.html ☕ Buy me a coffee: www.buymeacoffee.com/raulterhes 🚀 Fol...
Tailwind CSS Course | Introduction & Setup
Переглядів 3893 роки тому
Introduction to the Tailwind CSS Course. Learn what Tailwind is, how to include it to your project and how to add your first Tailwind class ❗️Don't forget to: ✔️Subscribe to the channel ✔️Like the video ✔️Leave a comment 📎 Tailwind CSS Course playlist: ua-cam.com/play/PLbISvIqMwJh3Undk-j3A-xcjqI237GeBE.html ☕ Buy me a coffee: www.buymeacoffee.com/raulterhes 🚀 Follow me: ✔️ Blog: raulterhes.com ...
Performance Optimization in React | React.memo, useMemo & useCallback
Переглядів 2,5 тис.3 роки тому
In this video you will learn how and when to use memoization in React to improve the render performance of your application, using the built in React.memo, useMemo and useCallback. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes ❗️Don't forget to: ✔️Subscribe to the channel ✔️Like the video ✔️Leave a comment 📘 React DevTools...
React Developer Tools | Components & Profiler
Переглядів 37 тис.3 роки тому
In this video you will learn how to use the React Dev Tools: Components to visualize and change data in your component while your app is running & Profiler to find performance issues inside your React project. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes 📚 Resources: 📘 Chrome: chrome.google.com/webstore/detail/react-devel...
Quiz Game | React, Redux Saga, Redux Toolkit & Tailwind CSS
Переглядів 5 тис.3 роки тому
Build an awesome Quiz Game using React, Redux, Redux Toolkit, Redux Saga, Tailwind CSS and the Open Trivia DB. You will use a lot of saga effects like all, take, call, put, race & more utilize Redux toolkit to store the question, answers and the game state. At the end add some sweet styling using Tailwind CSS. If you wish to support me by buying me a coffee, thank you very much for the support!...
Redux Saga Beginner Tutorial | Advanced Concepts
Переглядів 5 тис.3 роки тому
Learn all about the advanced concepts of redux saga, like fork, spawn, race & more, in this tutorial. After this you will be able to use redux saga in your React Redux applications to it's full potential of handling side effects. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes Redux Saga Beginner Tutorial - Part 1: ua-cam.co...
Redux Saga Beginner Tutorial | Basic Concepts
Переглядів 11 тис.3 роки тому
Get started using the redux-toolkit library to handle side-effects (like asynchronous API calls) in your React Redux application. This tutorial covers all the basic concepts required to start. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes ❗️Don't forget to: ✔️Subscribe to the channel ✔️Like the video ✔️Leave a comment 📚 Re...
Styled Components Crash Course | Styling in React
Переглядів 7393 роки тому
Learn all about the popular React styling library styled-components in this crash course. Start from the basics like how to create a component and access props and move to the more advanced features like themes. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes ❗️Don't forget to: ✔️Subscribe to the channel for future videos ✔️...
Inline styling | CSS Stylesheets | CSS Modules | Styling React
Переглядів 7803 роки тому
Learn about the built in styling methods from React: Inline styling, CSS Stylesheets and CSS Modules. Find out how to use them plus what their benefits & downsides are. ❗️Don't forget to: ✔️Subscribe to the channel for future videos ✔️Like the video so I know to make more videos like this ✔️Leave a comment and let's chat about this 📚 Resources: 📘 Code: github.com/raulterhesdev/styling-react-you...
Full CRUD To Do List Application | createEntityAdapter | Redux Toolkit Introduction | React
Переглядів 13 тис.3 роки тому
Create a CRUD (Create, Read, Update and Delete) application, without having to write any Redux reducer logic, using createEntityAdapater. Finalize the Redux Toolkit Introduction with a full To Do List Application that will help you understand the main features of RTK. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes Redux Too...
Replace redux thunk with redux saga | middleware | Redux Toolkit Introduction | React
Переглядів 4 тис.3 роки тому
Learn how you can modify the default middleware added by Redux Toolkit, to replace redux-thunk with redux-saga, using the middleware key of the createStore configuration object. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes Redux Toolkit Introduction playlist: ua-cam.com/play/PLbISvIqMwJh2FwM2G1lyTDJDg7Fyrv3Aj.html ❗️Don't...
Side Effects | Async Actions | createAsyncThunk | Redux Toolkit Introduction | React
Переглядів 9 тис.3 роки тому
Learn how to create and handle side effects or asynchronous actions inside our redux toolkit slices, using createAsyncThunk. If you wish to support me by buying me a coffee, thank you very much for the support!: www.buymeacoffee.com/raulterhes 📚 Redux Toolkit Introduction playlist: ua-cam.com/play/PLbISvIqMwJh2FwM2G1lyTDJDg7Fyrv3Aj.html 📚 ExtraReducers: ua-cam.com/video/WFlDxQsvPeY/v-deo.html&a...
Handle actions defined in different slices | extraReducer | Redux Toolkit Introduction | React
Переглядів 13 тис.3 роки тому
Handle actions defined in different slices | extraReducer | Redux Toolkit Introduction | React
Prepare the payload | Redux Toolkit Introduction | React
Переглядів 6 тис.3 роки тому
Prepare the payload | Redux Toolkit Introduction | React
Call functions when pressing key combinations | useMultipleKeyPress Custom React Hook | Raul Terhes
Переглядів 5413 роки тому
Call functions when pressing key combinations | useMultipleKeyPress Custom React Hook | Raul Terhes
Learn how to build a Filterable Gallery | HTML, CSS & JavaScript Tutorial | Raul Terhes
Переглядів 2,6 тис.3 роки тому
Learn how to build a Filterable Gallery | HTML, CSS & JavaScript Tutorial | Raul Terhes
Learn how to call a function when pressing a specific key | Custom React Hook | useOnKeyPress
Переглядів 3,5 тис.3 роки тому
Learn how to call a function when pressing a specific key | Custom React Hook | useOnKeyPress
Learn CSS position property | Beginner CSS Tutorial | Raul Terhes
Переглядів 2253 роки тому
Learn CSS position property | Beginner CSS Tutorial | Raul Terhes
Awesome Code Snippet Showcase | HTML, CSS, JavaScript + Highlight.js & Clipboard API
Переглядів 9 тис.3 роки тому
Awesome Code Snippet Showcase | HTML, CSS, JavaScript Highlight.js & Clipboard API
Slices | createSlice | Redux Toolkit Introduction | React
Переглядів 16 тис.3 роки тому
Slices | createSlice | Redux Toolkit Introduction | React
Hooking up the Store to the UI | Redux Toolkit Introduction | React
Переглядів 2,6 тис.3 роки тому
Hooking up the Store to the UI | Redux Toolkit Introduction | React
Reducers | createReducer | Redux Toolkit Introduction | React
Переглядів 4,8 тис.3 роки тому
Reducers | createReducer | Redux Toolkit Introduction | React
Actions | createAction | Redux Toolkit Introduction | React
Переглядів 8 тис.3 роки тому
Actions | createAction | Redux Toolkit Introduction | React
Store Setup | configureStore | Redux Toolkit Introduction | React
Переглядів 12 тис.3 роки тому
Store Setup | configureStore | Redux Toolkit Introduction | React
Building the UI | Redux Toolkit Introduction | React
Переглядів 2,3 тис.3 роки тому
Building the UI | Redux Toolkit Introduction | React
Redux Toolkit Introduction | Getting Started | React
Переглядів 4,9 тис.3 роки тому
Redux Toolkit Introduction | Getting Started | React

КОМЕНТАРІ

  • @КатеринаМорозова-ю6щ

    I wonder what will happen if you press Enter 5 times in a row. Gonna check it later

  • @MahmoudSY-f3s
    @MahmoudSY-f3s 3 місяці тому

    Nice, Thank you

  • @vladcramer6670
    @vladcramer6670 4 місяці тому

    Thanks, your video helped me a lot!

  • @chibuzorokenwa7572
    @chibuzorokenwa7572 5 місяців тому

    Would have been a great if not the best but the size of the code(text) are just too small, I could barely see them

  • @AlanGochin
    @AlanGochin 6 місяців тому

    very informative -- an animation between filters would be cool

  • @wishmeheaven
    @wishmeheaven 6 місяців тому

    Great teaching!

  • @wishmeheaven
    @wishmeheaven 7 місяців тому

    05:05 - Of all the names in the universe, let's just call it exactly like the action creator. Mmm... ok. ...Not confusing at all.

  • @wishmeheaven
    @wishmeheaven 7 місяців тому

    That is an awesome tutorial, Raul, and while there aren't many other about Saga as deep as this - it is not taken for granted, so thank you. With that being said, Will you please upload the third part..? 😇

  • @wishmeheaven
    @wishmeheaven 7 місяців тому

    Great video. Another one about RTK Query will be highly appreciated..

  • @wishmeheaven
    @wishmeheaven 7 місяців тому

    Thanks a lot. 04:20 - Please do.. 😌

  • @wishmeheaven
    @wishmeheaven 7 місяців тому

    Another great explanation which makes me wonder..... Where did you disappear..? I wish you were teaching more content.

  • @cesarpoumian5585
    @cesarpoumian5585 8 місяців тому

    Excellent Redux Saga tutorials. Much better than some paid courses out there. Thanks a lot Raul!

  • @andrewkhapoknysh2154
    @andrewkhapoknysh2154 8 місяців тому

    Redux Toolkit looks like collection of ugly workarounds...

  • @crazy17008
    @crazy17008 9 місяців тому

    simple explanation, thank you

  • @BekzatTulebaev
    @BekzatTulebaev 9 місяців тому

    i see nothing your zoom is the best

  • @Kchandrashekaran
    @Kchandrashekaran 9 місяців тому

    Thanks man, it is a very good tutorial

  • @hamzahanafi6965
    @hamzahanafi6965 9 місяців тому

    what if you keys in listitem will the listitem comones will rerender ?

  • @garvitsharma633
    @garvitsharma633 9 місяців тому

    Easiest process on the youtube !! Greaat !!

  • @salemmajed916
    @salemmajed916 10 місяців тому

    Thanks for the explanation, it's very useful star_border ​ Send feedback Side panels History Saved Contribute

  • @igor.zxcvbnm
    @igor.zxcvbnm 10 місяців тому

    Спасибо!

  • @maherkarot9129
    @maherkarot9129 11 місяців тому

    You are great thank you👌

  • @ИванКурочкин-с9м
    @ИванКурочкин-с9м 11 місяців тому

    Just a comment to support the channel. Straight to the point, that's all we need, thanks!

  • @Tech-wn8tp
    @Tech-wn8tp 11 місяців тому

    nice tutorial rahul

  • @peterkabiru5144
    @peterkabiru5144 Рік тому

    Thank you so much this is so helpful!

  • @giogiorgi469
    @giogiorgi469 Рік тому

    hi, what vs code theme used in this video? it has nice colors <3

  • @muhmmadawd3206
    @muhmmadawd3206 Рік тому

    amazing

  • @francisfuwaku
    @francisfuwaku Рік тому

    it was straight to the point

  • @karendillehay7778
    @karendillehay7778 Рік тому

    Thank you!

  • @joseff5998
    @joseff5998 Рік тому

    Thanks Raul for simple clear explanation.

  • @NikhilSingh-t1w
    @NikhilSingh-t1w Рік тому

    bro is legend!

  • @HyperXD_YT
    @HyperXD_YT Рік тому

    very helpful

  • @GEOHS-q8n
    @GEOHS-q8n Рік тому

    thanks a lot. i really needed it

  • @dazai999
    @dazai999 Рік тому

    vs code theme ???

  • @zarefgamz2515
    @zarefgamz2515 Рік тому

    why i can't record my flamechart profiler, the button isn't turning to red?

  • @JonathanFelipe
    @JonathanFelipe Рік тому

    what a class! thanks a lot

  • @talhamanzoor1969
    @talhamanzoor1969 Рік тому

    Thank you for the solution 😊. it's really helpful.

  • @iwanttopunchtheosface
    @iwanttopunchtheosface Рік тому

    Great tut, short but learned a lot! You should continue creating videos!

  • @RomanH91
    @RomanH91 Рік тому

    Great, thanks! I got that with useCallback the pickNumber is optimized and doesn't re-render. But, how about listConfig using useMemo. Is it possible to optimize the re-render the same as with pickNumber using useCallback? My question is at 9:47

  • @MilanPavlovic-e5d
    @MilanPavlovic-e5d Рік тому

    So wonderfully explained

  • @o_antushevich
    @o_antushevich Рік тому

    Thanks a lot! It's very useful!

  • @yanamax193
    @yanamax193 Рік тому

    Great channel. Thank you.

  • @eribertmarquez452
    @eribertmarquez452 Рік тому

    Excellent explanation. I will suscribed waiting for RTK videos in the future

  • @thalison-dev
    @thalison-dev Рік тому

    3:18 It's been 2 years but I still want to give that tip: In order to do that quicker you could just use shift+tab

  • @fatimenurcelik6236
    @fatimenurcelik6236 Рік тому

    thank you , this video solves my problem :)

  • @gurhanbatmaca
    @gurhanbatmaca Рік тому

    Thanks for the help and absolutely clear explanation.

  • @romulosendoromulo
    @romulosendoromulo Рік тому

    Thanks!

  • @fatihmehmet9372
    @fatihmehmet9372 Рік тому

    Bro, the example you gave was very good. I finally got it. Thx

  • @Dzirmal
    @Dzirmal Рік тому

    Thank you for your explanations.

  • @nilmsr4774
    @nilmsr4774 Рік тому

    Hello and thank you for the explanation, this video was not in Redux Toolkit Introduction playlist: do you have another play list

  • @selindemircioglu3502
    @selindemircioglu3502 Рік тому

    It is not working