JavaScript | CSS | Responsive Web Design
Self-taught developer
I once thought learning Big-O was like learning RCT
I am working on being consistent with this challenge plus I get to learn so much. Excited to share my journey here! ✨
#JavaScript #coding #front-end #Webdev
Learning React in depth
⚛️Manipulating the DOM with refs
- Getting a ref to the ref to the node
- Using ref callbacks
- Accessing another component’s DOM nodes
- How to use useImperativeHandle()
- flushSync()
- Best practices
#REACT #FrontendDev
Learning React in depth
⚛️Manipulating the DOM with refs
- Getting a ref to the ref to the node
- Using ref callbacks
- Accessing another component’s DOM nodes
- How to use useImperativeHandle()
- flushSync()
- Best practices
#REACT #FrontendDev
- Adding a ref to a component
- Updating a ref’s value
-Using refs with state and their differences
- When to and when not to use ref
- Events in React on codédex(Practice)
#REACT #WebDev #FrontendDev
- Adding a ref to a component
- Updating a ref’s value
-Using refs with state and their differences
- When to and when not to use ref
- Events in React on codédex(Practice)
#REACT #WebDev #FrontendDev
React practice on codédex
#REACT #WebDev #FrontendDev
React practice on codédex
#REACT #WebDev #FrontendDev
- Fixed build issue(the react won’t build because I cloned my repo on a different laptop )
- Practiced what I learned so far (class components, props, useState, conditional rendering,useEffect, composition)
#REACT #FrontendDev
- Fixed build issue(the react won’t build because I cloned my repo on a different laptop )
- Practiced what I learned so far (class components, props, useState, conditional rendering,useEffect, composition)
#REACT #FrontendDev
- Life cycle of components
- Effect life cycle vs component life cycle
- Synchronization and re-synchronization
#REACT #WebDev
- Life cycle of components
- Effect life cycle vs component life cycle
- Synchronization and re-synchronization
#REACT #WebDev
- How rendering works in React
- Initial renders and re-renders
- Batching
- React.memo
#REACT #FrontendDev #WebDev
- How rendering works in React
- Initial renders and re-renders
- Batching
- React.memo
#REACT #FrontendDev #WebDev
- Composition in React
- Composition vs inheritance
- Composition for reusability
- Composition with HIgher-Order Components
#REACT #FrontendDev
- Composition in React
- Composition vs inheritance
- Composition for reusability
- Composition with HIgher-Order Components
#REACT #FrontendDev
- Updating initial state from props
- Revisiting Asynchronous JavaScript , codex practice
#REACT #JavaScript #FrontendDev
- Updating initial state from props
- Revisiting Asynchronous JavaScript , codex practice
#REACT #JavaScript #FrontendDev
- Conditional rendering with if, if/else, ternary , logical AND operator, switch case
- Multiple conditional renderings
-Nested conditional rendering
- Conditional rendering with Higher-Order Components
#REACT #FrontendDev
- Conditional rendering with if, if/else, ternary , logical AND operator, switch case
- Multiple conditional renderings
-Nested conditional rendering
- Conditional rendering with Higher-Order Components
#REACT #FrontendDev
- Relationship between state and props
- Rendering props
- Children as a function
- How to set props to state
- React rest props
- Components as props
- Styled components
-#REACT #WebDev #FrontendDev
- Relationship between state and props
- Rendering props
- Children as a function
- How to set props to state
- React rest props
- Components as props
- Styled components
-#REACT #WebDev #FrontendDev
- JSX vs React
- Rules of JSX
- Curly braces in JSX
- How setter functions from useState work
- Brief intro to useEffect and how it works
#REACT #FrontendDev #WebDev
- JSX vs React
- Rules of JSX
- Curly braces in JSX
- How setter functions from useState work
- Brief intro to useEffect and how it works
#REACT #FrontendDev #WebDev
-State and stateless components
-Callback functions in React
- Proptypes
- Reason to use TypeScript in React
#WebDev #REACT #FrontendDev
-State and stateless components
-Callback functions in React
- Proptypes
- Reason to use TypeScript in React
#WebDev #REACT #FrontendDev
- Fixed the webpack bundling issue from Day 87
- How to use React and TailwindCSS together
- Understanding pure functions
- Adding life cycle methods to a class component
- Error boundary
#REACT #WebDev #FrontendDev
- Fixed the webpack bundling issue from Day 87
- How to use React and TailwindCSS together
- Understanding pure functions
- Adding life cycle methods to a class component
- Error boundary
#REACT #WebDev #FrontendDev
Tried building a chrome dummy chrome extension with React, got stuck at bundling with webpack(commonJS and ES6 module conflict)
Putting on hold for tomorrow
#React #coding #JavaScript #FrontendDev
Tried building a chrome dummy chrome extension with React, got stuck at bundling with webpack(commonJS and ES6 module conflict)
Putting on hold for tomorrow
#React #coding #JavaScript #FrontendDev
Still on class-based React components :
componentDidMount,
componentDidUpdate, componentDidCatch,
componentWillUnmount
#REACT #Frontend #WebDev
Still on class-based React components :
componentDidMount,
componentDidUpdate, componentDidCatch,
componentWillUnmount
#REACT #Frontend #WebDev
- Under the hood of react function component
- Brief overview of class vs functional components
- Getting comfortable with class components (context, props, state)
#Frontend #React #WebDev
- Under the hood of react function component
- Brief overview of class vs functional components
- Getting comfortable with class components (context, props, state)
#Frontend #React #WebDev
- Types of react components(class components, functional components, RSC, async components)
-Component vs element vs instance of a React component
-How React creates elements under the hood from its JSX
#React #FrontendDev
- Types of react components(class components, functional components, RSC, async components)
-Component vs element vs instance of a React component
-How React creates elements under the hood from its JSX
#React #FrontendDev
- Rendering lists with map() and attributes
- Responding to events
- Understanding states and hooks
- Using props
-Sharing data(or not sharing data) between components
#WebDev #Frontend #REACT
- Rendering lists with map() and attributes
- Responding to events
- Understanding states and hooks
- Using props
-Sharing data(or not sharing data) between components
#WebDev #Frontend #REACT
- React components
- Basic JSX syntax
- Conditional rendering with if/else, conditional ? operator and logical && syntax
#Frontend #WebDev #REACT
- React components
- Basic JSX syntax
- Conditional rendering with if/else, conditional ? operator and logical && syntax
#Frontend #WebDev #REACT
Introduction to vite
-vite vs create react app
-Using sass in react
-running build and preview
-exploring the file structure
-why ‘EBADENGINE’ issue occurs and how to fix it
-how to fix bus error
#WebDev #Frontend #JavaScript
Introduction to vite
-vite vs create react app
-Using sass in react
-running build and preview
-exploring the file structure
-why ‘EBADENGINE’ issue occurs and how to fix it
-how to fix bus error
#WebDev #Frontend #JavaScript
June was hectic, but I’m getting back on track this week!
Today:
⭐️ Micro fixes on what I started working on last week
⭐️Learnt how to use font-face
⭐️Path resolution with GitHub pages
#WebDev #coding
June was hectic, but I’m getting back on track this week!
Today:
⭐️ Micro fixes on what I started working on last week
⭐️Learnt how to use font-face
⭐️Path resolution with GitHub pages
#WebDev #coding
Today I made my portfolio website responsive
Will show it tomorrow
#JavaScript #TailwindCSS #WebDev
Today I made my portfolio website responsive
Will show it tomorrow
#JavaScript #TailwindCSS #WebDev