
Learn to build a tiny React app with three components and a shared context that manages data flow for a Magic eight ball-like experience, including validation, toasts, and GitHub deployment.
Install and use Visual Studio Code, Node.js, npm, and pnpm to scaffold a React app, then use the integrated terminal and branch-based code for each section.
Install a fresh react app in the decider directory, start the development server, and set up bootstrap and fonts. Create three components (initial, confirm, results) to drive a basic flow.
Build the initial screen for a tiny React app with a title and input, show a next button after five characters, and add basic validation and error handling.
Set up a React context to link components by creating a provider, wiring state like screen and question, and accessing it with the useContext hook.
Learn to build a confirm screen in a tiny React app, display the question, add next and back controls, reset the question, and apply simple animations with animate.css.
Create a result screen that uses context and use effect to pick a random value from a list, display the answer, and reset for new, non-repeating results.
Learn to implement smooth fade transitions in a tiny React app using switch transition and CSSTransition, with a 500 ms timeout and key-driven changes to components.
Install and integrate a toast library with a global toast container, import toast, and trigger error or success toasts for dynamic messages in a React app.
Create a production build of your React app by running npm run build, turning it into a static site with index.html and optimized assets, then deploy to production via search.
So you want to finally start with React ? this is the course for you.
We will create a tiny React application so you can get started and realize that creating web apps its super easy with React.
The app calls "Decider", the user can ask a question and at the end we will randomly pick an answer from a list, this is like the magic 8 ball app.
On this one we will practice validation, toasts, component and we will use the context to pass data between components.
And at the very end we will build the app and deploy it to a hosting site like Surge.
You don't need to know React JS, the idea is to get started right here so then later you can keep expanding what you know.
What about the instructor experience ?
I've been around for 13 years now, built lots of applications for small projects and big companies like Citi, Fox, Disney and a lot more.
Today I work as a developer for a major company developing applications with React , Angular and Vue.
How about the target audience?
This course is for everyone, no coding experience required.
If you want to take your coding to the next level, this is the course for you.