Build a Notes App with React.js (for Beginners)
James Grimshaw
View ChannelAbout
No channel description available.
Video Description
LIVE DEMO: https://github.jamesgrimshaw.com/notes-app-tutorial/ GET YOUR CSS HERE: https://github.com/jrgrimshaw/notes-app-tutorial/blob/main/src/App.css GITHUB REPO: https://github.com/jrgrimshaw/notes-app-tutorial Following on from my getting started with React.js for beginners guide, in this video I'm going to create an iOS-like notes application that is compatible with Markdown for instant formatting, and towards the end we will even look at how we can persist the notes in the browser's localStorage API. Hope you enjoy! *The line at 59:30 is actually incorrect! The correct code is on GitHub. You can't JSON.parse an undefined value, so you first need to check if localStorage.notes exists. The notes state default value should be: localStorage.notes ? JSON.parse(localStorage.notes) : [] π Resources Editor (Visual Studio Code): https://code.visualstudio.com/ Web Browser (Firefox Developer Edition): https://www.mozilla.org/en-GB/firefox/developer/ Terminal (iTerm, Mac only): https://iterm2.com/ MDN (where I reference JavaScript documentation): https://developer.mozilla.org/en-US/docs/Web/JavaScript π My Links GitHub: https://github.com/jrgrimshaw/ Instagram: https://instagram.com/jrgrimshaw LinkedIn: https://linkedin.com/in/jrgrimshaw Personal site: https://jgrimshaw.com #jamesgrimshaw #react
React.js Notes App Essentials
AI-recommended products based on this video

Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

Bonsai Starter Kit β 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters β Gardening Gifts for Women & Men

Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code

Dash Cam Front and Rear Camera β 4K+1080P Dual Dash Camera for Cars with 64GB SD Card, 5G/2.4GHz WiFi & App Control, Night Vision, Parking Mode, G-Sensor, Loop Recording, WDR, 170Β° Wide Angle

DELLFY Dash Cam, Dash Cam Front and Rear with App Control, 4K UHD Front Camera+2K Rear Cameras, Front 170Β°+Rear 160Β°, Night Vision, Dash Camera for Cars with 3.0" IPS Screen, 32GB Card





















