techwave03

[techwave03]

Build a Age Calculator in React framework

The provided code snippet is an example of an age calculator implemented in the React framework. It utilizes functional components and hooks to calculate and display the age based on the user's input. Here's a breakdown of the code:

Index.js FIle import React, { useState } from 'react' const Age = () => { const [birthDate, setBirthDate] = useState(""); const [date, setDate] = useState(null) const [month, setMonth] = useState(null) const [year, setYear] = useState(null) const calculateAge = (birthDate) => { if (!birthDate) return; const currentDate = new Date(); if (new Date(birthDate) > currentDate)…

[techwave03]

Price list HTML & CSS code

HTML Code in react const Price = () => { return ( <> <div class="wrapper"><div class="light-container"> <header> <h2>LIGHT</h2> </header> <section> <div> <h1>$19</h1> <small>_/mo</small> </div> <div> <div> <b>100</b> <small>Max Connections</small> </div> <div> <b>200,000</b> <small>Messages per day</small> </div> <div class="canceled"> <b>Encryption</b> <small>SSL…

[techwave03]

Iphone 15 pro max all specs - techwave03

Description. The iPhone 15 Pro Max comes with 6.7-inch OLED display with 120Hz refresh rate and Apple's improved A17 Pro processor. On the back there is a Triple camera setup with 48MP main camera and the prices start at 1199$.

The iPhone 15 is the next-generation smartphone from Apple, expected to be released in September 2023. It is rumored to have a number of new features and upgrades, including: A new design with a titanium chassis and a pill-shaped cutout for the front-facing camera and Face ID sensors. A new A17 Bionic chip that is faster and more efficient than the previous A16 Bionic chip. A new camera system…

[techwave03]

What is CSS ?

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speec

CSS: The Basics Cascading Style Sheets (CSS) is a language used to style the visual appearance of web pages. It is used to control the look and feel of HTML elements, such as their color, size, font, and layout. CSS is a very powerful language, and there are many ways to use it to style your web pages. However, the basics are relatively simple. Selectors The first thing you need to know about…

[techwave03]

5 posts!

[techwave03]

What is React Hooks ? | React Hooks

What is React Hooks ? | React Hooks

React Hooks are a new feature in React that allow you to use state and other React features in functional components. Before Hooks, state and other React features could only be used in class components. Hooks are functions that you can use inside your functional components to access state, lifecycle methods, and other React features. There are many different Hooks available, but some of the most…

[techwave03]

What is IF else Statement ?

What is IF else Statement ?

Introduction: What is an if else statement? What is a ternary operator? When should you use an if else statement or a ternary operator in React? Examples: Using an if else statement to render different content based on a condition. Using a ternary operator to render different content based on a condition. Nesting if else statements and ternary operators. Conclusion: When to use an if…

[techwave03]

What is Props in React ? Let's learn

Tech wave In React, props are short for “properties”. They are the data that is passed from a parent component to a child component. Props are immutable, which means that they cannot be changed by the child component. Props are used to pass data between components, such as the text to display in a heading, the image to show in a thumbnail, or the value of a checkbox. They can also be used to…

[techwave03]

9 ReactJs Project ideas for beginners

The list of app ideas is interesting, but the content could be improved with a bit more detail and explanation for each app. Here are some actions to enhance the content: 1. Add a brief description of the Quiz App, including its purpose, features, and po

[techwave03]

What is Google Bard ? | Kya hai google bard |google bard | AI Google bard

Tech wave google bard Google Bard is a large language model (LLM) chatbot developed by Google AI. It is trained on a massive dataset of text and code, and can generate text, translate languages, write different kinds of creative content, and answer your questions in an informative way. Bard is still under development, but it has learned to perform many kinds of tasks, including: Brainstorming…

[techwave03]

Click Event and Function in React

The React onClick event handler enables you to call a function and trigger an action when a user clicks an element, such as a button, in your app. Event names are written in camelCase, so the onclick event is written as onClick in a React app. In addition, React event handlers appear inside curly braces. import ‘./App.css’ import { Button } from ‘react-bootstrap’; function User () {    …

[techwave03]

What is react ?