Instagram story viewer> @coding_doc> Posts

Hanzala | Frontend Developer

@coding_doc

21.8K

followers

239

following

🩺 Final Year Med School
🌐 Web Developer
💻 JavaScript | React Js | Next Js
🌟 Helping developers to level up

POSTS STORIES REELS TAGGED

React Interview Series - useRef () hook with a practical example

------------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

------------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

694

15

2 years ago

Happy Saturday

👉 Recently I built a small app using Next Js 14. As far as the syntax is concerned, it is mostly similar to React.

👉 I have decided to dive deep into Next Js ecosystem after making the app.

👉 Yes , you will not see posts /reels from my side as final year is considered the most difficult year of med school.

👉 Next Js Projects

I will be making two Next Js full stack apps

1) An E-commerce project
2) Property Listing project

------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

60

13

2 years ago

React Interview Series - useRef () Hook

👉 The useRef() allows us to select any raw DOM element direct like query selector of JavaScript

---------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

---------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

273

4

2 years ago

React Interview Series - FormData API in React

--------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

--------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

630

7

2 years ago

Days 6-7 / 365

👉 Next Js

- Static images
- Remote Images
- Responsive Images
- Prisma Crud
- Server Actions

👉 TypeScript

- Arrays
- Objects
- Functions

------------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

------------------------

Tags:
reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

43

8

2 years ago

React Interview Series - Single State for multiple controlled inputs

👉 If we want to use a single state object for multiple inputs , we have to use the concept of " dynamic object keys"

---------------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

---------------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

656

17

2 years ago

React Interview Series - Controlled Select Input

---------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

---------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

678

8

2 years ago

Days 4-5 of 365 days

👉 Next Js

- Fetching Data
- Loading component
- Error Component
- Nested Layout
- Dynamic Routes

👉 Typescript

- Setup
- Type Annotations

------------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

------------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

38

9

2 years ago

React Interview Series - Controlled Checkbox Input

For Controlled Checkbox Input, the steps are similar for any other controlled input except

👉 You have to use checked attribute instead of value attribute

---------------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

---------------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

330

8

2 years ago

React Interview Series - event object in controlled inputs

👉 In order to use controlled inputs, we need to know about event object

--------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

--------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

559

5

2 years ago

Day 3 / 365 days of Next Js

For those inquiring about my tech stack, I'm particularly drawn to front-end development over the backend.

Currently I am learning Next js . Topics covered are

- Styling in a Next js app
- Layout File
- Server components vs client components

---------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

---------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

39

5

3 years ago

This Keyword in Javascript

👉 We are going to see the code examples of " this keyword"

- used alone
- used in regular function
- used in the object method
- used in strict mode

----------------------

📌 Follow @coding_doc for more
📌 Follow @coding_doc for more

----------------------

Tags:
#reactjs #reactjsdeveloper #reactnative #100daysofcode #javascript #javascriptdeveloper #appdevelopment #appdeveloper #androiddeveloper #iosdeveloper #nodejs #typescript #htmlcss #webdevelopment #webdesigner #webdeveloper #webdesign #webdev #frontend #frontendfriday #fullstack #fullstackdeveloper #programmer #programming #programminglife #softwaredeveloper #softwareengineer #coding #codinglife by @coding_doc

61

3

3 years ago