Setup React CRUD With Rails 7 API Crash Course (Ruby On Rails 7, Redux, TypeScript)
Learn how to do the basic CRUD applications in React by creating your own API in Rails 7 and accessing it with Redux createAsyncThunk methods. The entire time you'll be exposed to TypeScript typing, while also having the front end of the Ruby on Rails 7 application to rely on when you want to edit your data.
Follow me on social media:
https://linktr.ee/deanin
Join this channel to help support these videos:
/ @deanin
Source Code For This Episode:
https://github.com/Deanout/react-crud
If you liked this video, please consider subscribing: https://t.co/RZ4EwP0F2a
Timestamps
0:00 Project Demo With React CRUD and Rails 7 API
0:53 Creating The Ruby On Rails 7 API With Frontend
4:43 Creating a React Redux TypeScript CRUD App
5:05 Finishing Up The Rails 7 API
7:07 The React CRUD App
12:19 The Redux PostSlice For The React Store
14:12 Creating An Initial State With TypeScript Redux
21:55 Creating A Redux Slice Reducer With TypeScript
28:33 Redux Selectors To Get State
30:10 HOW TO GET with React - Creating A CreateAsyncThunk To Get From API
54:55 HOW TO POST with React - Creating A CreateAsyncThunk To Post To API
1:09:10 HOW TO DELETE with React - Creating A CreateAsyncThunk to Delete From API
1:18:55 HOW TO EDIT with React - Creating A CreateAsyncThunk to Edit An API
1:40:23 A Complete React CRUD App With Redux Using Ruby On Rails 7 API Demo
#Deanin #Software #Programming
Смотрите видео Setup React CRUD With Rails 7 API Crash Course (Ruby On Rails 7, Redux, TypeScript) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Deanin 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18,454 раз и оно понравилось 355 людям.