Javascript Sucks! toggle-button in React Tutorial - useState, if to toggle.Hey Developers! 馃憢 I hope you enjoy this little project. FYI: useState helps us to re-render the web page. You can learn more here w3schools 1. Install Vite + give your project a name (Javascript Sucks!) and choose React/typescript npm create vite@...Nov 9, 2022 路 2 min readcalebjsmithio.hashnode.dev
Top 10 Youtubers 2022 - Charka UI/Vite/Typescript/React Tutorial - useState, map and display arrayThis is a great little project to improve your skills. Enjoy. 1. Install Vite + give your project a name (top-ten-youtube) and choose React/typescript npm create vite@latest "Vite can speed up development quite a bit" cd top-ten-youtube npm install n...1DNov 7, 2022 路 5 min readcalebjsmithio.hashnode.dev
React Basics to Advanced1. First Component Components are like functions that return HTML elements. import reactDom from 'react-dom'; function Greeting(){ return <h4>Hello</h4>; } reactDom.render(<Greeting/>, document.getElementById('root') ); 2. JSX Basics JSX convert...Feb 15, 2022 路 4 min readcalebjsmithio.hashnode.dev
Javascript ES6 needed for React 馃殌1. What is ES6? ECMA Script is the standardized name for JavaScript. ES6 was published in June 2015. 2. Let and const A const and let variable cannot be reassigned. let num1 = 20; console.log(num1); let num1 = 10; console.log(num1); const num1 = 20...Nov 11, 2021 路 3 min readcalebjsmithio.hashnode.dev
Javascript es6 - Beginner to AdvancedBeginner 1. Outputs JavaScript can "display" data in different ways: Alert box, write to document, write to HTML element and write to the console. Uncomment and execute each code to see what it does. <!DOCTYPE html> <html> <head> <title>Output</t...Nov 9, 2021 路 5 min readcalebjsmithio.hashnode.dev
