SAGAR BOKADE

Front End Developer | Data Wizard | AI & ML Student Innovator
LinkedIn:-

[SAGAR BOKADE @sagarnbokade]

@sxrthxk 😂

[SAGAR BOKADE @sagarnbokade]

@Rajjath24 R D Sharma objective mathematics volume 1

[SAGAR BOKADE @sagarnbokade]

@sxrthxk @serious____ly @striver_79 @kirat_tw @ShradhaKhapra_ 🔥

[Sarthak @sxrthxk]

Stop manually seeding your database. Seriously. 🛑

​We built AutoDB to kill empty tables and fake test scripts for good.

​It's a lightweight tool that populates your DB with sensible mock data—names, emails, prices, dates & more. Just plug it in and go. 🧵👇

[SAGAR BOKADE @sagarnbokade]

Incorporating Bootstrap into your React project ensures consistent and visually appealing UIs quickly. With its responsive grid system and extensive component library, your web app will look great on any device. #LearningJourney #Bootstrap #webdev

[SAGAR BOKADE @sagarnbokade]

Day 30: Learning Boost!
Today, I set up and used Bootstrap in my React app. Bootstrap is a popular CSS framework that simplifies building responsive and modern web pages. It offers pre-styled components like grids, buttons, and forms, saving time and effort in styling. #Bootstrap

[SAGAR BOKADE @sagarnbokade]

Day 29: New React Tip!

Use the "rfc" snippet to quickly create a functional component in React. Type "rfc" in your editor, and it generates the boilerplate for you. Super efficient!
#React #CodingTips #WebDevelopment

[SAGAR BOKADE @sagarnbokade]

Day 28:
Today, I discovered several key topics to learn next in React:

1 React Router for efficient navigation
2 Context API for state management
3 React testing for robust applications
4 Performance optimization Excited to dive deeper into these areas!
#React #WebDevelopment

[SAGAR BOKADE @sagarnbokade]

Controlled components ensure precise form state management, crucial for interactive web apps.
With validation tools like Formik or Yup, handling submissions becomes seamless, enhancing user experience and efficiency.
#WebDevelopment #ReactJS #Forms

[SAGAR BOKADE @sagarnbokade]

Day 27: Learning controlled components in React is crucial, especially with my busy internship schedule. Using tools like Formik or Yup for validation and handling form submissions efficiently ensures I can build robust web apps even amidst projects.
#ReactJS #Formik #Internship

[SAGAR BOKADE @sagarnbokade]

Passing arguments to an event handler? Use an arrow function: onClick={() => shoot("Goal!")}.

Event handlers can access the React event that triggered them, which will be crucial for handling forms later on.
#ReactJS #WebDevelopment #CodingJourney #Day26

[SAGAR BOKADE @sagarnbokade]

Day 26: Busy day, but still managed to dive into React Events!

React events are similar to HTML events like click, change, mouseover, etc. Use camelCase for React events: onClick instead of onclick. Event handlers are in curly braces: onClick={shoot}.

#ReactJS #WebDevelopment

[SAGAR BOKADE @sagarnbokade]

Spent some time deepening my React skills by building a loading bar component using hooks. This project helped me put theoretical knowledge into practical use, reinforcing concepts like state management and effect hooks.
#JavaScript #ReactJS #w3schools #Day25 #WebDevelopment

[SAGAR BOKADE @sagarnbokade]

Day 25: Dived into ES6 and new features in JavaScript for 2023 & 2024!

New Features in ES2023:

Array findLast()
Array findLastIndex()
Array toReversed()
Array toSorted()
Array toSpliced()
Array with()
#! (Shebang)

#JavaScript #ReactJS #ES2023 #Day25 #WebDevelopment

[SAGAR BOKADE @sagarnbokade]

New Features in ES2024
Object.groupBy()
Map.groupBy()
Temporal.PlainDate()
Temporal.PlainTime()
Temporal.PlainMonthDay()
Temporal.PlainYearMonth()

You can go through the W3Schools for more detailed information: https://t.co/6FaoIwjzxJ.

#JavaScript #ReactJS #Day25 #w3schools

[SAGAR BOKADE @sagarnbokade]

3. gitignore: Specifies files to ignore in version control. 4. package.json: Lists dependencies and scripts.
5. https://t.co/gs0s7DOq5n: Project documentation.

#ReactJS #WebDevelopment #LearnReact

[SAGAR BOKADE @sagarnbokade]

Day 24 of learning React:
Using YouTube to reinforce theoretical knowledge visually. Thanks to @wscubetechindia for the great content! Also revisited the React file structure!
#ReactJS #WebDevelopment #LearnReact

[SAGAR BOKADE @sagarnbokade]

my-app/
1. public/: Contains static files like index.html.
2. src/: Contains all the React code.
components/: Holds reusable components.
styles/: Contains CSS files.
App.js: The root component.
index.js: Entry point for React.
#WebDevelopment #LearnReact

[SAGAR BOKADE @sagarnbokade]

Import

You can import modules into a file in two ways, based on if they are named exports or default exports.

Named exports must be destructured using curly braces. Default exports do not.

#React #WebDev #connectwithme #twitterers

[SAGAR BOKADE @sagarnbokade]

Named Exports:
const name = "Jesse"
const age = 40
export { name, age }

Default Exports:
const message = () => {
const name = "Jesse";
const age = 40;
return name + ' is ' + age + 'years old.';
};

export default message;

#React #WebDev #connectwithme #twitterers

[SAGAR BOKADE @sagarnbokade]

Export
You can export a function or variable from any file.

Let us create a file named person.js, and fill it with the things we want to export.

There are two types of exports: Named and Default.
#React #WebDev #connectwithme

[SAGAR BOKADE @sagarnbokade]

Day 23:
Modules
JavaScript modules allow you to break up your code into separate files.

This makes it easier to maintain the code-base.

ES Modules rely on the import and export statements.
#React #WebDev #javascript30 #modules #nodejs