CodeeHammad's profile picture. |   |  CS Undergrad | Web Developer | HTML | CSS | JavaScript | React | 
|   |  Tailwindcss
|   |   Let's connect and learn together.

Codee Hammad

@CodeeHammad

| | CS Undergrad | Web Developer | HTML | CSS | JavaScript | React | | | Tailwindcss | | Let's connect and learn together.

Pinned

React Portfolio Project - ✅I made a cool portfolio project in December, and now I want to share it with you guys ! Check it out The live preview here 👇 || Live preview : hamportfoliowebsite.netlify.app Code here on Github 👇 || Github :github.com/CodeeHammad/po… #reactjs

CodeeHammad's tweet image. React Portfolio Project -

        ✅I made a cool portfolio project in December, and now I want to share it with you guys !

Check it out The live preview here 👇 ||
Live preview : hamportfoliowebsite.netlify.app

Code here on Github 👇 ||
Github :github.com/CodeeHammad/po…

#reactjs
CodeeHammad's tweet image. React Portfolio Project -

        ✅I made a cool portfolio project in December, and now I want to share it with you guys !

Check it out The live preview here 👇 ||
Live preview : hamportfoliowebsite.netlify.app

Code here on Github 👇 ||
Github :github.com/CodeeHammad/po…

#reactjs
CodeeHammad's tweet image. React Portfolio Project -

        ✅I made a cool portfolio project in December, and now I want to share it with you guys !

Check it out The live preview here 👇 ||
Live preview : hamportfoliowebsite.netlify.app

Code here on Github 👇 ||
Github :github.com/CodeeHammad/po…

#reactjs
CodeeHammad's tweet image. React Portfolio Project -

        ✅I made a cool portfolio project in December, and now I want to share it with you guys !

Check it out The live preview here 👇 ||
Live preview : hamportfoliowebsite.netlify.app

Code here on Github 👇 ||
Github :github.com/CodeeHammad/po…

#reactjs

Building a blog website! What projects are you working on?


What can you do with JavaScript Right Answer only!


Hey Guys just created a Strong Password Generator in React js. Hooks Used : useState() useEffect() useCallback() useRef() Live Preview : …swordgeneratorcodeehammad.netlify.app Dm for Source Code . #Productivity #projects #React

CodeeHammad's tweet image. Hey Guys just created a Strong Password Generator in React js.

Hooks Used : 
useState()
useEffect()
useCallback()
useRef()

Live Preview : …swordgeneratorcodeehammad.netlify.app
Dm for Source Code .

#Productivity 
#projects 
#React

Tomorrow I will Start #100 days of Coding Challenge and will share my progress here !! #webdevelopement


Sora-OpenAI text-to-video model that creates min long insanely magical scenes Chair Archeology. Prompt: Archeologists discover a generic plastic chair in the desert, excavating and dusting it with great care. #soraArt #OpenAI


RIP Film Industry!! Introducing Sora An OpenAi model which creates minute-long videos from a text prompt #Sora #OpenAI


Sora steps into the spotlight ! Sora developed by OpenAI, is an impressive text-to-video model. Here is the video of Italian pup which is 100% generated by Sora #Sora #OpenAI


Thank you very much! Just hit 100 followers after a patient 4-month journey. Grateful for each one of you! Let’s keep this momentum going!

CodeeHammad's tweet image. Thank you very much!

 Just hit 100 followers after a patient 4-month journey.  Grateful for each one of you! Let’s keep this momentum going!

Redux Store :- A Redux store is a state container which holds the application’s state 1)one store for the entire application 2)Allow access to state via getState() 3)Allows state to be updated via dispatch(action) #reactjs

CodeeHammad's tweet image. Redux Store :-

A Redux store is a state container which holds the application’s state

1)one store for the entire application
2)Allow access to state via getState()
3)Allows state to be updated via dispatch(action)

#reactjs

Here is the Apple Vision Pro for sportsmen #AppleVisionPro


Reducers in Redux - 1)Specify how the apps state changes in response to actions sent to the store. 2)Function that accepts state and action as arguments, and return the next state of the application (previousState , action ) => newState #reactjs #webdevelopment

CodeeHammad's tweet image. Reducers in Redux -

1)Specify how the apps state changes in response to actions sent to the store.

2)Function that accepts state and action as arguments, and return the next state of the application 

(previousState , action ) => newState
#reactjs 
#webdevelopment

If your interested in React Router Open this 👇👇 #reactjs

Introduction to React Router Open this 🧵

Bjoern_Hev's tweet image. Introduction to React Router

Open this 🧵


SurgicalAR Vision is now on the Apple Store. It’s a powerful tool for precise surgery, integrated with Apple’s Vision Pro #AppleVisionPro

From MEDIVIS

Actions in Redux - ✅The only way application can interact with the store. ✅Carry some information from the app to redux store in plain JS objects ✅It's like method, in which you can update the state #reactjs #webdevelopment #FrontEnd

Three Principles of Redux - 1)The global state of application is stored as an object inside a single store 2)The only way to change the state is to dispatch an action, object that describe what happened 3)How the state tree is updated based on actions, you write pure reducers

CodeeHammad's tweet image. Three Principles of Redux -

1)The global state of application is stored as an object inside a single store

2)The only way to change the state is to dispatch an action, object that describe what happened

3)How the state tree is updated based on actions, you write pure reducers


Three Principles of Redux - 1)The global state of application is stored as an object inside a single store 2)The only way to change the state is to dispatch an action, object that describe what happened 3)How the state tree is updated based on actions, you write pure reducers

CodeeHammad's tweet image. Three Principles of Redux -

1)The global state of application is stored as an object inside a single store

2)The only way to change the state is to dispatch an action, object that describe what happened

3)How the state tree is updated based on actions, you write pure reducers

Learn Redux Core Concepts in Simple Way Three Core Concepts: 1)Store: In Redux the store holds the state of your application. 2)Action: Describes what happened in the application. 3)Reducer: Reducer handles the action and decides how to update the state. #reactjs #webdev

CodeeHammad's tweet image. Learn Redux Core Concepts in Simple Way

Three Core Concepts:
1)Store: 
In Redux the store holds the state of your application.

2)Action:
Describes what happened in the application.

3)Reducer:
Reducer handles the action and decides how to update the state.

#reactjs 
#webdev


Learn Redux Core Concepts in Simple Way Three Core Concepts: 1)Store: In Redux the store holds the state of your application. 2)Action: Describes what happened in the application. 3)Reducer: Reducer handles the action and decides how to update the state. #reactjs #webdev

CodeeHammad's tweet image. Learn Redux Core Concepts in Simple Way

Three Core Concepts:
1)Store: 
In Redux the store holds the state of your application.

2)Action:
Describes what happened in the application.

3)Reducer:
Reducer handles the action and decides how to update the state.

#reactjs 
#webdev

nanoid is a method that generate a unique id in react-redux.


I just created a Todo Project!! In which you can, 🔹Add tasks to your heart’s content. 🔹Update them when life throws curveballs. 🔹Delete those pesky reminders that haunt your dreams. 🔹And toggle tasks with a satisfying line-through effect! ✅ #webdevelopment #reactjs

CodeeHammad's tweet image. I just created a Todo Project!!

In which you can,
🔹Add tasks to your heart’s content.
🔹Update them when life throws curveballs.
🔹Delete those pesky reminders that haunt your 
      dreams.
🔹And toggle tasks with a satisfying line-through effect! ✅
#webdevelopment 
#reactjs
CodeeHammad's tweet image. I just created a Todo Project!!

In which you can,
🔹Add tasks to your heart’s content.
🔹Update them when life throws curveballs.
🔹Delete those pesky reminders that haunt your 
      dreams.
🔹And toggle tasks with a satisfying line-through effect! ✅
#webdevelopment 
#reactjs
CodeeHammad's tweet image. I just created a Todo Project!!

In which you can,
🔹Add tasks to your heart’s content.
🔹Update them when life throws curveballs.
🔹Delete those pesky reminders that haunt your 
      dreams.
🔹And toggle tasks with a satisfying line-through effect! ✅
#webdevelopment 
#reactjs

Working on a complex Todo application in React that utilizes the Context API concept. #reactjs #tailwindcss



Working on a complex Todo application in React that utilizes the Context API concept. #reactjs #tailwindcss


United States Trends

Loading...

Something went wrong.


Something went wrong.