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
Watch video Setup React CRUD With Rails 7 API Crash Course (Ruby On Rails 7, Redux, TypeScript) online without registration, duration hours minute second in high quality. This video was added by user Deanin 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 18,454 once and liked it 355 people.