What is React exactly? Well, React is a JavaScript library. It’s not a framework; its main focus is on handling the user interface of a website. You know, the frontend stuff that we interact with whenever we visit a webpage.
In contrast to a framework, which provides a complete set of tools for building a project, React is more streamlined. It’s like having specialized tools just for the UI.
React can be used for both web and native user interfaces ( https://react.dev/ ). You can even write code for mobile applications using React Native.
Why React, why not vanilla JS?
Why did React come? Which problem does it solve? Why choose React over vanilla JS? Let’s dig into that. With vanilla JS, if you update a variable’s value, you also have to update the UI manually to reflect that change. It’s a bit of a hassle, to say the least.
Enter React. Whenever there’s a change in data, React automatically updates the UI by reacting to the change to reflect that in UI. It’s like having a self-updating the components by reacting to changes that have been made, which is why it’s called React.
The story behind React begins with Facebook, which was struggling to keep its UI up-to-date using jQuery. So they assembled a team to solve this problem. Facebook software engineer Jordan Walke developed React in 2011, inspired by a component-based framework in PHP called XHP. React was released as an open-source project in 2013 and is written entirely in vanilla JS.
What is React & what is React dom?
So what exactly does React do? Essentially, it handles user interactions and builds the DOM. When a user clicks a button or types something into a form, React listens for those actions and responds accordingly.
React works in two steps. First, it creates a virtual DOM, a rough draft of the webpage. Then, it renders the virtual DOM to the actual webpage, creating the final result.
But here’s the kicker: React uses JSX, a syntax that looks like HTML but isn’t quite the same. Browsers can’t understand JSX, so we need a little help. That’s where Babel (https://babeljs.io/) comes in.
Babel is a transpiler that converts JSX into plain old vanilla JavaScript that browsers can understand. So before we can run our React code in the browser, we need to run it through Babel first.
So there you have it—a beginner’s guide on why we need React. Whether you’re building a simple website or a complex web application, React is a powerful tool that can help you create stunning user interfaces with ease. So why wait? Start learning it today and building something amazing.
Every year, lots of people travel around the world for different reasons, like holidays, work, or visiting family. With so many people traveling, it’s really important to know how to book a flight directly from an airline’s website.
In this blog post, I’ll show you the simple steps with helpful pictures to book your flight on Qatar Airways’ website. Here’s the link: Qatar Airways.
As we go through the booking process, I’ll provide you with important information. Once you’ve read through this, booking tickets from any airline’s website will be easy. Let’s get started!
Choose Journey Type:
Round Trip/Return: For example London to Dubai and then Dubai to London. Round trips usually cost less than one-way trips.
One Way: Just from London to Dubai.
Multi-city: From London to Dubai, then Dubai to Italy, and finally Italy back to London.
Select departure and return dates:
On Qatar Airways’ website, while clicking on the calendar, you will be able to see fares for different dates for your journey.
There’s also an option for flexible dates named ”My Dates are Flexible” below the calendar dates, where you can see fares for a whole week in a 7×7 calendar, which will help to depict the overall price range of the journey.
Select number of passengers:
Adults: Anyone 12 years old or older.
Children: Age between 2 to 11. IMPORTANT: Children between 2-5 years old should be accompanied by an adult over 16 years of age when travelling.
Infants: Babies under 2 years old. IMPORTANT: Each infant should be accompanied by one adult. When an infant fare is booked, the infant will be seated on the parent’s lap.
Choose the class or seat type:
Select Economy, Premium Economy/First Class, or Business Class as per your wish.
That’s it. You are ready to search now. In brief, what I have chosen on my widget is:
Return Flight: London to Dubai
Journey Date: Departure (London-Dubai) 01 April, 2024 and Arrival (Dubai-London) 15 April, 2024
Number of Passenger: 1 Adult
Class: Economy
I have ticked the “My dates are flexible option” in calendar.
Now we are all set. Click on the “Search Flights Button” to move forward.
Flight Search Result Page:
If you have checked“My dates are flexible” option, you will see this calendar after search. Compare the fares across dates and select any of your suitable date from calendar.
If you have not checked the Flexible date option, then you will be landed on Flight Search Result Page:
The Flight Search Result page will look like the below image. Review theFare and Journey Duration very carefully. You will see Lowest Fare tag in some cards which denotes the Lowest fare for that leg (London-Dubai). Click on Flight Details for more information (it is important to know the details)
You will notice in Flight Details a “Operated by British Airways” tagline. This means that even if you are purchasing the ticket from QATAR Airways website, you will be carried to your destination by British Airways, not by Qatar Airways planes (This is a concept of code sharing). If you are not comfortable with such code share flights, choose another flight as per your preference.
Click on your fare to Select the Fare
In my case it is 449GBP, indicating the lowest fare. You can see the baggage information after clicking on the Fare. For this flight Checked Baggage (Your Trolly which they will take away from you at check-in counter) is 1bag, 23kg and Hand Baggage is 1bag, 7kg.
Now Click on “Select Fare Button” to Proceed.
Follow the same process for your return flight (Dubai-London). Afterwards a summary page will show up with your Trip Details and Grand Total Payment of tickets.
Personal Details Page
Now In this page on right side you will see your total fare. Click on Payment Summary if you want to see the breakdown of your Total Fare. Now the most important part, providing your personal details.
Click on Edit Button, to input your personal information.
Be very careful while writing your personal details (name, date of birth, gender etc.)
Your personal details must match with your passport information. Remember, once your booking is completed, your name cannot be changed
Provide your Title, Gender, Full name (First/Middle Name and Last/Surname/Family Name), Date of Birth, Nationality, Passport Number.
If you do not have a first name, then keep it blank and select the No first name option.
If you are a Frequent Flyer or Loyalty member of any airlines, I recommend giving the Frequent Flyer number of yours to enter here. So that mileage will be added automatically to your profile.
Now Click on Save & Continue Button.
Afterwards give your Email & Phone Number. Remember, give your email carefully as you will receive the ticket copy in this mail.
Payment Page
Lastly, you will be redirected to the payment page. Before payment you must check the Trip Summary, Personal Details, Contact Details and Refund Rules.
While payment do not forget to check
Whether your card issuing bank has authorized international currency payment.
Check the upper limit of international payment for your card.
Also check whether your card is 3DS enabled or not by calling the customer service of respective bank.
That’s all. Just make the payment and enjoy your journey.
If you have any questions related to this booking, feel free to drop a comment below. Have a nice journey!
Traveling by airplane is exhilarating. The anticipation of new adventures, the thrill of takeoff, and the promise of distant lands. But before you soar through the skies, it’s crucial to pack smartly. Forget the run-of-the-mill packing lists you find everywhere; let’s dive into some extraordinary essentials that will elevate your in-flight experience.
The Multifunctional Backpack
Your personal item-sized bag is your trusty sidekick. Opt for a spacious, durable backpack with pockets galore. Our favorite? The sleek STATE Bags backpack – roomy enough for all your in-flight necessities, including a 17″ laptop.
Beautiful Sunglasses
Concealer and eye gel can only do so much after a red-eye flight. Enter oversized sunglasses – your secret weapon against travel fatigue. These Warby Parker shades not only shield your eyes but also add an air of mystery.
Flamingo Passport Holder
While there’s no scientific proof that a vibrant passport holder reduces forgetfulness, we’re enchanted by this flamingo print. Keep your travel document safe and stylish – because even passports deserve a fashion upgrade.
Samsung Galaxy SmartTag2: Bag Tracking Reinvented
Imagine this: You’re at the airport, waiting anxiously for your checked-in luggage. The carousel spins, bags tumble, and your heart races. But wait – where’s your bag? Panic sets in. Fear not, fellow traveler! Enter the Samsung Galaxy SmartTag2, a game-changer in the world of bag tracking.
Silk Eye Mask
Achieving sound sleep on a plane is an art form. Block out harsh light and distractions with a 100% silk eye mask. Slip’s luxurious design ensures comfort without pinching your ears.
Stainless Steel Water Bottle
Invest in your health and the environment with a S’well water bottle. It keeps beverages icy cold for 24 hours and piping hot for 12. Plus, it’s non-toxic and leak-proof – a win-win for you and Mother Earth.
Noise-Canceling Earbuds
Block out engine hum and chatty neighbors with quality earbuds. Trust us; they’re worth their weight in gold during long flights.
Portable Charger
Keep your electronics juiced up with a reliable portable charger. No more frantic searches for an outlet at the gate!
