JONOWIKI
  • 🏡Ahoy!
  • coding
    • ➡️Web development
      • 🧰Workspace
        • 🖥️Command line
        • 🖥️Staying updated
      • 🛡️HTML
        • ⚙️HTML setup
        • 🏷️HTML tag structure
          • 🏷️Common HTML tags
          • 🏷️HTML tag attributes
        • ➗HTML <div> tag and semantic HTML
        • 🍽️HTML <table> tags
        • 📄HTML <form> and <input> tags
          • 🏷️HTML labels
          • 🔤HTML input: text
          • ✴️HTML input: password
          • 🔘HTML input: radio
          • ✅HTML input: checkbox
          • ❌HTML input: reset
          • ⛔HTML input: hidden
        • 🗣️HTML commenting
        • 👤HTML <head> and <meta> tags
        • 💱HTML special characters
      • 🖼️CSS
        • ⚙️CSS setup
        • ✅CSS selectors
        • 🎨CSS colors
        • 📦CSS box model
        • 📍CSS layout properties
        • 🔁CSS reset
        • 📲CSS media queries
        • 💪CSS flex
        • 🌐CSS grid
        • 🍞CSS breadcrumbs
      • 🟨JavaScript
        • 🟨JavaScript setup
          • 🟨JavaScript and HTML
          • 🟨JavaScript comments and whitespace
          • 🟨JavaScript console
        • 🟨JavaScript essentials
          • 🟨JavaScript data types (primitives)
            • 🟨JavaScript strings
            • 🟨JavaScript numbers
          • 🟨JavaScript variables
          • 🟨JavaScript copying (by value and by reference)
          • 🟨JavaScript operators
          • 🟨JavaScript branches
          • 🟨JavaScript loops
          • 🟨JavaScript functions
          • 🟨JavaScript variable scope
          • 🟨JavaScript objects
          • 🟨JavaScript arrays
          • 🟨JavaScript higher-order functions
            • 🟨JavaScript forEach()
            • 🟨JavaScript map()
            • 🟨JavaScript filter()
            • 🟨JavaScript reduce()
            • 🟨JavaScript every() and some()
            • 🟨JavaScript sort()
          • 🟨JavaScript modules
          • 🟨JavaScript event handling
          • 🟨JavaScript setTimeout and setInterval
          • 🟨JavaScript error handling
          • 🟨JavaScript built-in objects
        • 🟨JavaScript (on the browser and internet!)
          • 🟨JavaScript DOM access
          • 🟨JavaScript DOM traversal
          • 🟨JavaScript DOM manipulation
          • 🟨JavaScript navigator + window + document
        • 🟨JavaScript external data manipulation
          • 🟨JavaScript and JSON
          • 🟨JavaScript fetch(ing data)
        • 🟨JavaScript (advanced topics)
          • 🟨JavaScript escape strings
          • 🟨JavaScript string interpolation
          • 🟨JavaScript and ASCII
          • 🟨JavaScript: ternary operators and nullish coalescing
          • 🟨JavaScript function nuances
          • 🟨JavaScript currying
        • 🟨JavaScript (optional topics)
          • 🟨JavaScript: how it works
          • 🟨JavaScript console styling
          • 🟨JavaScript built-in functions
            • 🟨JavaScript Math object
            • 🟨JavaScript Object.freeze()
      • 🟦TypeScript
        • 🟦Why TypeScript?
        • 🟦TypeScript essentials
      • ⚛️React
        • ⚛️Why React?
        • ⚛️React setup (from scratch!)
          • ⚛️React setup : npm init -y
          • ⚛️React setup : installing dependencies
          • ⚛️React setup : foundation file
          • ⚛️React setup : index.js
          • ⚛️React setup : the App component
          • ⚛️React setup : child components
          • ⚛️React setup : running our app
        • ⚛️React JSX
        • ⚛️React components
        • ⚛️React props
        • ⚛️React state
        • ⚛️React conditional rendering
        • 🌟React list rendering
        • ⚛️React styling
        • 🚀React app deployment
          • 🚀Deploying on GitHub pages
          • 🚀Deploying on Netlify
      • ➡️Next.js
        • ➡️Why Next.js?
        • ⚙️Next.js setup
        • 1️⃣Next.js first page
        • 🔃Next.js local server
        • 🔢Next.js nth page
      • 🐙Git
        • Git setup
        • Git terms and commands
        • Git command aliasing
        • Git ignore file
        • Git troubleshooting
      • 🚀Deployment
      • 🚧Accessibility
    • 👨‍💻Software development
      • 💻List of software development concepts
    • 📊Data visualization
      • 🗺️Mapbox with React
    • 👨‍🔬Data science
      • 🐍Python
        • Commenting
        • Printing
        • Variables
          • Numbers
          • Calculations
          • Long strings
        • User input
        • Branching
        • Listing
        • Debugging
  • NOTING
    • 💻Computing
      • 💻Software usage
        • 💻List of online phenomena
        • 💻List of online scams
      • 💻Random tidbits
    • 🤔Pragmatics
      • 🖼️Culture
        • 🖼️List of cultural concepts
      • 🏠Design
        • 🏠Door knob types
      • 🎓Education
        • 🎓Effective learning
      • 🗳️Politics
        • 🗳️List of political concepts
      • 🛍️Retail
        • 🛍️List of retail concepts
    • ✈️Travel
      • 🤔What does it mean to "do" a destination?
      • 🚆How to take public transit in any city
      • 🛳️What to consider for a cruise?
      • ✈️What to consider for a plane ride?
  • 🔗Website
Powered by GitBook
On this page
  1. coding
  2. Web development

React

making dynamic user interfaces with this JavaScript library

PreviousTypeScript essentialsNextWhy React?

Last updated 1 month ago

➡️
⚛️
⚛️Why React?
⚛️React setup (from scratch!)
⚛️React JSX
⚛️React components
⚛️React props
⚛️React state
⚛️React conditional rendering
🌟React list rendering
⚛️React styling
🚀React app deployment