#react.js

[code-es]

The women who laid the foundation of tech

EDIT: I noticed that this post ended up being reblogged by terfs. If you're transphobic this post is not for you to reblog. I want to celebrate everyone who is not a cis man in this industry, including trans women and nonbinary people in tech, and it was my mistake to only include cis women in this post when there are so many trans women and nonbinary people who have done great things in tech as well. Trans women are women and just as important.

Here you can read about trans ppl in tech, and please do:

https://www.thecodingspace.com/blog/2022-03-01-six-trans-programmers-who-shattered-the-lavender-ceiling/

https://abcnews.go.com/Business/transgender-tech-visibility-obstacles-remain/story?id=76374628

The morning of women's day i attended a super inspiring seminar about being a woman in tech at a large tech company in my city, and now I'm inspired to share what I learned with all of you!

I didn't have time to finish this post on women's day, but it's not too late to post now: every day is a day to celebrate women!

Women actually laid the foundation for a lot of the tech industry.

For example, the first computer, ENIAC, was programmed completely by women! While men were the behind the scenes engineers, it was women who did all the actual programming of ENIAC.

The women who made up the team responsible for programming it were called Jean Bartik, Kay McNulty, Betty Holberton, Marlyn Wescoff, Frances V. Spence and Ruth Teitelbaum.

I think one woman who is finally getting her overdue recognition is Ada Lovelace. She was a mathematician (also often referred to as the first programmer) who created the first algorithm in 1842, which wasn't recognized until 1953! However, since none of her machines were ever completed it was never tested in practice during her time.

She has since been celebrated by giants such as google, and she has given name to a programming language (Ada). She was also the first person to write about what is today known as AI. Back when she was practicing, computers were simply thought of as calculators. But she had an idea that if computers can understand numbers, then that can be translated to letters, and in turn that can lead to computers being able to handle words, and eventually even write, draw and create music.

Hedy Lamarr was a famous Hollywood actress in the 40's, but she was also an inventor who laid ground for what we use today for Wi-Fi, Bluetooth and GPS services.

During WW2 she wanted to contribute positviely to the military efforts against the Nazis, and she tried to figure out how to radio control torpedoes. In 1942 she patented her technology "Secret Communications System", also known as frequency hopping, which laid the foundation for the technology we use today for Wi-Fi, GPS and Bluetooth. It wasn't until 1962 that it was first used for its intended purpose, during the cuban missile crisis.

Grace Hopper invented the first compiler, called A-0, in 1955, and was also part of the Univac team, which was the company also responsible for building ENIAC. She also initiated work on the COBOL programming language.

She was also the one to coin the term "bug" in 1947. Computers back then had lights to visualize their working process (which was also a womans idea to implement btw) and bugs would be attracted to the lights, but usually that was no issue - until a bug made its way into a tube which caused the computer to stop working. Hopper taped the bug to a piece of paper and logged what caused the crash - a bug.

Dorothy Vaughan (left), alongside colleagues such as Katherine Johnson (middle) and Mary Jackson (right), was a mathematician at NASA (called NACA when she started) who worked on the orbit for the first ever manned spaceflight and later also on Apollo 11 that would take humanity to the moon!

When Vaughan started at what was then called NACA, segregation was still prevalent in the US and she was not allowed in the same areas in the office as her white colleagues. Another department was formed for the black staff, and when the director of said department unexpectedly died, she was appointed as the new director and thus became the first ever black woman at that position at NACA/NASA. In 1958 when NACA becomes NASA segregation is forbidden, and that is when Vaughan and her colleagues Johnson and Jackson started working on programming the orbit and later also Apollo 11.

Continuing on the same track of NASA and space, Margaret Hamilton was the Apollo project's first actual programmer. Hamilton became the director of software engineering at NASA in 1965, and she was also the person to first coin the term !

In the image above, she stands next to all the handwritten code that was used to send humanity to the moon. During the early stages of the project when she would speak of "sofware engineering", software development was not taken as seriously as other forms of engineering, and it wasn't regarded as a science, either. She wanted to legitimize software development as an engineering discipline, and overtime the term "software engineering" gained the same respect as any other technical discipline.

And lastly, if you're a woman in STEM, I want to highlight and celebrate you! Being a woman in a male dominated industry is not easy, we often suffer from sterotype threat and are not seen as our own individuals, but rather "the woman" in a room full of men. But just as these women, I'm sure you will achieve greatness!!

Here are some additional resources if you'd like to learn more:

https://www.history.com/news/coding-used-to-be-a-womans-job-so-it-was-paid-less-and-undervalued

https://digitalfuturesociety.com/programming-when-did-womens-work-become-a-mans-world/

And this was mainly my source for this post, but it's unfortunately only available in Swedish:

Thank you for reading ✨

[izicodes]

Mini React.js Tips #1 | Resources ✨

I thought why not share my React.js (JavaScript library) notes I made when I was studying! I will start from the very beginning with the basics and random notes I made along the way~!

Up first is what you'll need to know to start any basic simple React (+ Vite) project~! 💻

What you'll need:

node.js installed >> click

coding editor - I love Visual Studio Code >> click

basic knowledge of how to use the Terminal

What does the default React project look like?

Step-by-Step Guide

[ 1 ] Create a New Folder: The new folder on your computer e.g. in Desktop, Documents, wherever that will serve as the home for your entire React project.

[ 2 ] Open in your coding editor (will be using VSCode here): Launch Visual Studio Code and navigate to the newly created folder. I normally 'right-click > show more options > Open with Code' on the folder in the File Explorer (Windows).

[ 3 ] Access the Terminal: Open the integrated terminal in your coding editor. On VSCode, it's at the very top, and click 'New Terminal' and it should pop up at the bottom of the editor.

[ 4 ] Create the actual React project: Type the following command to initialize a new React project using Vite, a powerful build tool:

npm create vite@latest

[ 5 ] Name Your Project: Provide a name for your project when prompted.

[ 6 ] Select 'React' as the Framework: Navigate through the options using the arrow keys on your keyboard and choose 'React'.

[ 7 ] Choose JavaScript Variant: Opt for the 'JavaScript' variant when prompted. This is the programming language you'll be using for your React application.

[ 8 ] Navigate to Project Folder: Move into the newly created project folder using the following command:

cd [your project name]

[ 9 ] Install Dependencies: Execute the command below to install the necessary dependencies for your React project (it might take a while):

npm install

[ 10 ] Run the Development Server: Start your development server with the command (the 'Local' link):

npm run dev

[ 11 ] Preview Your Project: Open the link provided in your terminal in your web browser. You're now ready to witness your React project in action!

Congratulations! You've successfully created your first React default project! You can look around the project structure like the folders and files already created for you!

BroCode's 'React Full Course for Free' 2024 >> click

React Official Website >> click

Stay tuned for the other posts I will make on this series #mini react tips~!

[jojotier]

the. the symbol for making a react app is just. that's just jade harley's symbol. that's just-

[xpc-web-dev]

Program updates

(23/03/2023)

BIG DATA

I want to create a banner that I'll use when I talk about the big data program, but I'll try to do that only on the weekend.Or maybe keep this one, after all data science is statistics and analysis of standard/past data and then it makes sense.

Anyway .

Today was just the introductory class, meeting the teacher, talking about the platform and everything.

I have to study 2 hours a day and he said we can either switch or do both (but then it would have to be 4 hours a day of study, which is ok for me, but I don't know if I wouldn't get confused.. at least yet I still have 3 weeks to decide )

I started thinking about data science before engineering and I wonder if I shouldn't stay in data science.

Why do I have such great energy to explore data science, precisely because I find machine learning very cool, doing analysis, working with statistics.

BUT my math sucks. And their engineering track does not go to mathematics .... But again we'll see what I'm going to get into HUEHEHUEHU. I'm excited and happy.

FRONT-END

Remember I said I was going to have to manage the meetings at the same time? Well, today was the first UHEHUEUEUHE day.

The bright side is that both are only once a week.

The downside is that both are on the same day. But I'm calm that I'll be able to manage, because the front ones leave the classes recorded, so it's easier to follow.

And now they are in soft skills (about emotional, what you want for your life and etc. And I think it's important, I just don't think it's relevant to me because I already work on it constantly)

Tomorrow I want to try to erase the classes that were already available last week to start this week's classes on Wednesday.

We'll see.

I wish you have a great week, good opportunities and take care

[hammadsadi]

A Beautiful Moment....

[merjashourov]

Why Learn JavaScript?

Here are 3 compelling reasons!

1️⃣ Web Development Powerhouse: JavaScript is the backbone of modern web development. By learning JavaScript, you gain the ability to create dynamic, interactive, and responsive websites. It allows you to bring your designs to life, enhance user experiences, and add functionality that engages and captivates users.

2️⃣ Versatile Language: JavaScript isn't limited to just web development. It has expanded its reach to other areas like server-side development (Node.js), mobile app development (React Native), and even desktop applications (Electron). By mastering JavaScript, you open doors to diverse career opportunities and can build applications across different platforms.

3️⃣ Industry Dominance: JavaScript is the most widely used programming language in the world. It has a vast and active community of developers, extensive libraries, frameworks, and tools. By learning JavaScript, you tap into this rich ecosystem, gaining access to resources, support, and collaborative opportunities. It's a language that stays relevant and in demand, offering stability and job prospects in the tech industry.

🌟 Embrace JavaScript and unlock a world of possibilities in web development, cross-platform app development, and beyond! 🖥️💻

[tenshokustories]

こんにちは、みなさん。僕はセキュリティ業界にて勤務歴4年のセキュリティエンジニア、デジタル忍者と申します。今回は、Next.jsというReactフレームワークについて解説したいと思います。

Next.jsは、フロントエンドのWebアプリケーション開発において非常に重要な存在です。この記事では、Next.jsの基礎や特徴、将来性について詳しく掘り下げていきます。ぜひ最後までお付き合いください。

[anjalivermasblog]

General 9 Tips You Should Choose React Native Framework for Making Startups Faster & Easier

The word Startup refers to an organisation at the elementary stages of its operations. Startups basically originated from entrepreneurs who believe in a product or services that are in demand and facilitate the customers.

Read more at: https://techduffer.com/general-9-tips-you-should-choose-react-native-framework-for-making-startups/

[code-es]

let today = new Date(14 May 2023);

Perks of having your sister work at a cafe: free study space + discounted coffee

Today I'm catching up on some emailing, writing, and coding. And! Going bouldering later, the official sport of tech ppl lol.

Tomorrow we're starting a new course which will be about creative programming and I'm so excited! There's so much i want to do, especially since working with three.js.

It's nice feeling this motivated, cause honestly I've had a hard time coding as much as I want, and mental health is (as always) a struggle. I want to be as unfiltered as possible on here, because not every day is me checking off points on my to-do list and having a cute latte at a café, many days i just lay and decompose in bed lmao, but that's ok! Life is not all or nothing; just because i can't get out of bed one day, doesn't mean i can't get up and work the next one. I would show those days too, but i don't have any aesthetic pics from then, so you're just gonna have to believe me :p to anyone else struggling with mental health: we're in this together! (':

♫ Been listening to Traveler's Encore by Andrew Prahlow non stop the last month, it's been great for my anxiety ^^

[izicodes]

Made my first proper React.js project

Wednesday 30th August 2023

After reminiscing over my old blog's name (froggiecoding) I decided to get up and start learning some React and made a to-do app! Also learnt how to use Netlify for the first time - wow, I know~!

I had fun, it's just like how Django was like but I think a bit simpler to understand! This is the bare basics but it's good I started from somewhere!

Was thinking of adding more to the site but the only thing I want to do is add saving the items to local storage! Then I'm done and onto the next project!

Also double happy I started and finished the project in one sitting, only spent around 2.5 hours on it, just cause it's pretty basic! 😉🐸✨👍🏾

Link to the project: LINK

[zapperrr]

Web Development Services in Australia by Zapperr

In today's digital age, having a strong online presence is imperative for businesses to thrive. With the rapid growth of e-commerce and digital marketing, the demand for professional web development services is at an all-time high. Enter Zapperr, a leading provider of web development services in Australia, dedicated to helping businesses establish and enhance their online presence.

Zapperr and Web Development Services

Zapperr is a renowned name in the realm of web development, offering a comprehensive suite of services tailored to meet the diverse needs of businesses across Australia. From bespoke website designs to robust e-commerce solutions, Zapperr excels in delivering cutting-edge web development services that drive results.

With years of experience and a team of seasoned professionals, Zapperr has earned a reputation for excellence in the field of web development. Their commitment to innovation, creativity, and client satisfaction sets them apart as a trusted partner for businesses seeking to elevate their online presence.

Importance of Web Development Services

In today's competitive landscape, having a professionally designed website is crucial for businesses looking to stand out from the crowd. A well-designed website not only enhances brand visibility but also serves as a powerful marketing tool, enabling businesses to reach a wider audience and drive conversions.

The Need for Professional Web Development in Australia

As Australia's digital landscape continues to evolve, businesses are faced with the challenge of adapting to changing consumer behaviors and preferences. In this digital age, where the majority of consumers turn to the internet to research products and services, having a strong online presence is no longer optional – it's essential.

Growing Digital Landscape in Australia

Australia boasts one of the highest rates of internet penetration globally, with the majority of the population now relying on the internet for everyday tasks such as shopping, communication, and entertainment. This shift towards digitalization has created unprecedented opportunities for businesses to connect with consumers online.

Importance of Having a Strong Online Presence

In a crowded marketplace, businesses that fail to establish a compelling online presence risk being overshadowed by their competitors. A professionally designed website not only serves as a virtual storefront but also acts as a reflection of a company's brand identity and values. By investing in professional web development services, businesses can ensure that their online presence accurately reflects the quality and professionalism of their offerings.

Key Features of Zapperr's Web Development Services

Zapperr offers a comprehensive range of web development services designed to help businesses succeed in the digital realm. From intuitive website designs to seamless e-commerce solutions, Zapperr's services are tailored to meet the unique needs of each client.

Customized Website Designs

At Zapperr, no two websites are created alike. Their team of talented designers works closely with clients to create bespoke website designs that align with their brand identity and objectives.

Responsive Web Design

With the proliferation of mobile devices, responsive web design has become more important than ever. Zapperr specializes in creating websites that adapt seamlessly to any screen size, ensuring an optimal user experience across all devices.

SEO Optimization

In today's competitive online landscape, ranking high on search engine results pages is essential for driving organic traffic to your website. Zapperr's SEO optimization services are designed to improve your website's visibility and rankings, helping you attract more visitors and leads.

E-commerce Solutions

For businesses looking to sell products or services online, Zapperr offers comprehensive e-commerce solutions that are both secure and user-friendly. From setting up an online store to integrating payment gateways, Zapperr takes care of every aspect of the e-commerce process.

User-Friendly Interface

A user-friendly interface is key to keeping visitors engaged and converting them into customers. Zapperr's websites are designed with the end-user in mind, featuring intuitive navigation, clear calls-to-action, and engaging content that drives conversions.

Benefits of Choosing Zapperr for Web Development Needs

When it comes to web development, experience and expertise matter. Here are some of the key benefits of choosing Zapperr for your web development needs:

Expertise and Experience

With years of experience in the industry, Zapperr brings a wealth of knowledge and expertise to every project. Their team of skilled professionals is well-versed in the latest web development trends and technologies, ensuring that your website is built to the highest standards.

Tailored Solutions

At Zapperr, they understand that every business is unique. That's why they take a personalized approach to web development, tailoring their solutions to meet the specific needs and objectives of each client.

Cutting-Edge Technology

In the fast-paced world of web development, staying ahead of the curve is essential. Zapperr leverages the latest technologies and tools to deliver websites that are not only visually stunning but also highly functional and secure.

Ongoing Support and Maintenance

Building a website is just the beginning. Zapperr provides ongoing support and maintenance services to ensure that your website remains up-to-date, secure, and optimized for performance.

Elevate Your Online Presence with Zapperr

In today's digital world, a professionally designed website is essential for businesses looking to thrive online. With Zapperr's comprehensive web development services, you can elevate your online presence and attract more customers than ever before. Get in touch with us today to learn more about how we can help you achieve your online goals.

We believe in providing exceptional value to our clients at competitive prices. Our web development services are designed to deliver maximum ROI, helping you achieve your online goals.

[xbsoftware]

The progress in web development is a double-edged sword. Countless libraries and frameworks give you freedom of choice, but sometimes such a variety confuses. A large number of options may lead to so-called choice overload, a situation where decision-making becomes too overwhelming, and people prefer not to choose at all. Today, we’ll try to help you avoid this situation when choosing a library for building a web app UI and considering between React, Vue.js, and Webix.

[lisakeller22]

Top React Best Practices Everyone Should Follow In 2024

Explore ReactJS best practices to optimize your development workflow. From project structuring to component design, learn to create cleaner, more maintainable code for dynamic web applications.