Short Coding Course — South Africa
Hooks, State Management & REST APIs
Master React — the world's most popular front-end library. Build fast, interactive UIs with function components and Hooks (useState, useEffect, useContext, useReducer), connect to REST APIs, add routing with React Router, and finish with Firebase authentication and a cloud database.
What React is: the component tree, JSX, the Virtual DOM, and why React re-renders components instead of touching the DOM directly. Setting up a project with Vite.
Function components, the rules of JSX, and passing data down the component tree with props.
useState and its setter, handling click and change events, and why state updates trigger a re-render while props flow one way.
Rendering lists with map() and keys, splitting pages into parent and child components, lifting state up, and showing or hiding UI with &&, ternaries and early returns.
Controlled inputs, onChange handlers tied to state, validation and form submission — the pattern behind every React form.
Side effects with useEffect, loading data from a REST API, loading and error states, and the dependency array.
Sharing state with Context instead of props drilling, managing it predictably with useReducer, and building a full add, edit and delete app.
Writing a reusable custom Hook, using a mock REST back-end, and saving data with axios GET, POST, PATCH and DELETE so it survives a refresh.
Turning a single view into a multi-page app: routes, a not-found page, URL parameters and programmatic navigation.
Adding sign-up and login with Firebase Authentication, storing data in Firestore collections, and building your own React project on a real cloud back-end.
You know HTML, CSS and JavaScript and want to build modern, component-based front-ends with the industry's most popular UI library.
Java, PHP, Python or Node.js developers who want to build the front-end for their own APIs and become full-stack.
Add React — one of the most requested front-end skills in South African job adverts — to your CV with a portfolio project to show employers.
Development teams moving from jQuery or older frameworks to a maintainable, component-based React codebase.
All courses are taught by Code College’s senior development trainers — practitioners with real-world industry experience, backed by over 20 years of professional developer training since 2004.
You write code from day one. Every concept is reinforced with real exercises and a practical project you keep.
Join 100% live online from anywhere, or hybrid — one or two days a week at our Midrand campus and the rest live online. Full-time face-to-face attendance can be requested, and is possible when an onsite group class is running.
Receive a Code College certificate on completion — recognised by employers across South Africa.
Yes. You should be comfortable with HTML, CSS and modern JavaScript (ES6+) — variables, functions, arrays, objects and arrow functions. If you are new to programming, start with our Introduction to Programming course first.
Yes. The whole course uses modern function components and Hooks — useState, useEffect, useContext, useReducer and your own custom Hooks — which is how React is written in current professional codebases. Older class-based components and Redux are available as optional extra reading.
You build up a React application step by step: reusable components, forms, data loaded from a REST API, a full CRUD app using Context and useReducer, persistence to an API with axios, and routing with React Router. Your own project then adds Firebase Authentication and a Firestore database — a complete app you can show employers.
Most students continue to the back-end with our Node.js course, then bring it all together in the MERN Stack course. For a complete career change, the 6-month Full-Stack Web Developer Bootcamp covers React, Next.js, Node.js and MongoDB end to end.
Individuals join live online from anywhere, or hybrid — one or two days a week at our Midrand campus and the rest live online. Group courses run live online or hybrid, with fully onsite delivery at our Midrand campus optional, on request. Contact us for a group quote.
Yes. Code College is a B-BBEE Level 4 contributor and training spend qualifies as skills development under the B-BBEE scorecard. The course fee also counts toward your SDL (Skills Development Levy) spend.
Book the React Course today — full-time (5 days) or part-time. Johannesburg and online.