Use ChatGPT to Build a RegEx Generator – OpenAI API Low Code Course
By freeCodeCamp.org
Published: Mar 30, 2023“
Learn how to build a dashboard that generates RegEx using the OpenAI API and a low code tool called Retool. The dashboard allows users to input a string, write a description of the desired RegEx, and generate the code to transform the string accordingly.
You can find the iframe code here: https://github.com/kubowania/regex-openai
This course was created by @AniaKubow.
Retool provided a grant to make this course possible. Learn more about Retool: https://retool.com
Contents
- (0:00) Introduction
- (2:36) Writing our own regex code
- (5:06) Creating the header element
- (8:11) Creating the text area
- (11:35) How to create a custom code editor
- (16:32) Creating the new button
- (19:08) Setting up the sidebar
- (20:58) Configuring the open api api
- (22:51) The body of the example example
- (24:58) Setting up the code
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
Tag: freecodecamp
[#Script #Coding] Learn React 18 with Redux Toolkit – Full Tutorial for Beginners
Learn React 18 with Redux Toolkit – Full Tutorial for Beginners
By freeCodeCamp.org
Published: Mar 15, 2023“
Learn how to use React version 18 and Redux Toolkit in this full course for beginners. React is a free and open-source front-end JavaScript library for building user interfaces based on components.
Course created by @CodingAddict
Redux Toolkit: https://github.com/john-smilga/redux-toolkit-tutorial
- Contents
- (00:00:00) Setup
- (0:30:33) Folder Structure
- (0:42:58) First Component
- (0:53:25) Extensions and settings.json
- (1:06:09) JSX
- (1:20:21) Nest Components
- (1:26:35) Booklist
- (1:36:57) CSS
- (1:47:31) Images
- (1:55:31) JSX – CSS
- (2:02:17) JSX – Javascript
- (2:08:44) Props
- (2:18:33) Props – Somewhat Dynamic Setup
- (2:23:00) Access Props – Multiple Approaches
- (2:27:44) Children Prop
- (2:35:12) Simple List
- (2:43:48) Proper List
- (2:51:12) Key Prop
- (2:57:20) Props – Options
- (3:02:56) Events
- (3:21:51) Form Submission
- (3:25:35) Mind Grenade
- (3:28:55) Component Feature
- (3:34:00) React Data Flow
- (3:39:42) Challenge
- (3:48:51) ES6 Modules
- (3:58:40) Local Images (src folder)
- (4:04:25) More Challenges
- (4:13:20) Deployment
- (4:18:43) useState Hook
- (5:48:19) useEffect Hook
- (6:19:29) Multiple Returns
- (7:28:02) Folder Structure
- (8:27:07) Forms
- (9:27:53) useRef Hook
- (9:50:10) Custom Hooks
- (10:06:20) Context API
- (10:43:01) useReducer Hook
- (11:26:39) Performance
- (12:11:45) Redux Toolkit
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”