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