teleren/devto huggingface dataset:
What i knew about react!(These are the things that I've found challenging so far on my react journey.)
Tags: webdev, beginners, react, replit
Published: 2022-11-24 10:08:38

A couple weeks ago I started learning on React js. Not only was it my first React application, but it was also my first React js application, so a lot was new to me all in one go.

here are a few things I wish I knew before I got started.

## What’s the difference between a library and a framework?
Let’s use an analogy of trying to build a house. With a framework, you’re essentially given all the materials to build that house, and it’s up to you in what arrangement you put them in. You will very rarely need to step outside the materials you have been given to use something third-party and, in some cases, you may not be allowed to step outside the materials.

With a library, on the other hand, you start with essentially nothing. The library’s materials are a limited set in comparison to a framework’s materials, and you can pick/choose when you want to use them and when you want to step outside that and use third-party materials.     

## React is a library not a framework
I sort of assumed this was more of a technicality, rather than a key piece of information around which I should redefine my expectations.

## React is a UI library
React is a not only a library, it’s specifically for User Interfaces.for the most part, doesn’t change the way you write Javascript that isn’t directly related to your UI, but it heavily controls the way you write HTML and CSS (or the equivalent of it). 

## useEffect is a major 🔑 
The code within a useEffect() block runs on each re-render, we can choose to execute them only when certain values have changed or just once. We do this by passing a second argument to useEffect(), with an array of variables that, if their value should change, we want the function to be run again.

```
const BetterExamplePage = (props) => {

	const [user, setUser] = useState();

	useEffect(() => {
		getUser().then((u) => setUser(u));
	}, [ /* dependencies */ ]);
    
    return (
        …
    );
};
```
If we leave the array empty, that effectively means that the function will only run once.
Together we made the AI Chatbots even greater! See how Apache Doris leveraged AISPEACH's datawharehouse and their chatbots!
Tags: datawharehouse, ai, opensource, chatbots
Published: 2022-11-24 09:59:43

https://github.com/apache/doris/wiki/How-Does-Apache-Doris-Help-AISPEACH-Build-a-Datawherehouse-in-AI-Chatbots-Scenario
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4sx0imo2lofeqn5xtfee.png)
Beads Jewellery | Pearl Necklace
Tags: pearls, jewellery, pearlnecklace, gold
Published: 2022-11-24 09:27:36

**Meaning [Pearl Necklace]:
**
This beautiful white oval pearl necklace set is from Hyderabad. It is made of 5mm white pearls and is AAA quality. The necklace has 3 lines of white pearls and is 18 inches long. The matching earrings are 1 inch long.

**How to Choose a Pearl Necklace:
**
pearl necklace Mala Set for Women Looking for a special gift for a loved one? Or maybe you're treating yourself? Either way, this stunning pearl necklace is perfect for any occasion!

The necklace is made of non-precious metal, silver plated, and features a beautiful pearl mala set. It's the perfect accessory to dress up any outfit, and is sure to make a statement!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gljvzwv8tm23bd3tiplu.jpg)

Pearl necklace set:

For the woman who loves to dress up and stand out in a crowd, the Midnight Beauty Pearl Necklace Set is the perfect accessory. A string of grey pearls is accented with a stunning Swarovski crystal pendant, making this set a must-have for any special occasion. Whether you're dressing up for a formal event or just want to add a touch of glamour to your everyday look, this set is sure to turn heads.

Contact: +91 99513 00000

Website: https://bit.ly/3x7lYa0

Location: Punjagutta Cross Road, Hyderabad - 500 082,

Telangana, India.
Fumarex precio mexico | Fumarex
Tags: healthydebate, review
Published: 2022-11-24 09:25:48

[Fumarex](https://www.oyenoticias.today/mx/fumarex-spray-precio-mexico/) precio mexico: En comparación con los parches, las gomas de mascar y las pastillas de nicotina, el spray Fumarex proporciona una gama de beneficios significativamente más amplia. El spray permite que la nicotina terapéutica se absorba más rápidamente en el cuerpo, lo que ayuda a reducir las ansias rápidamente y sin molestias. El spray es más efectivo que otros métodos y no causa síntomas de abstinencia. para obtener más información visita aquí: [https://www.oyenoticias.today/mx/fumarex-spray-precio-mexico/](https://www.oyenoticias.today/mx/fumarex-spray-precio-mexico/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4v9cjk4w6rm2bk6k0er.png)
One of the Best Fantasy Sports App Development Company
Published: 2022-11-24 09:24:35

Synarion IT Solutions is a leading mobile app development company in Jaipur. Our excellence in [Fantasy sports App Development](https://www.synarionit.com/fantasy-sports-development.html) allows us to develop fantasy sports for Android, iOS and for web, we deliver the most demanding apps to the customers with advanced tech features. We provide all types of custom fantasy games like Cricket, Football, Hockey and more to our customers. Our motive is to deliver the real fantasy league to the customer.
Wooden Desk: Buy Wooden Desk Online in India - SandColour
Published: 2022-11-24 09:20:40

SandColour is known for supplying an extensive array of premium quality, stylish and functional **[Wooden Desk Online in India](https://sandcolour.com/wooden-desk/)**, we offer a wide range of Wooden Desk products in various sizes, designs, and thicknesses, which suit the requirements of our valuable clients in the most efficient manner. These products are manufactured as per international quality standards by using advanced machinery and equipment. We are supplying in all over India having long experience.
Beginner's Guide for AWS-EC2
Published: 2022-11-24 09:20:38


Amazon Elastic Compute Cloud (Amazon EC2) is a service that provides secure, scalable and resizable compute capacity in the AWS cloud. It falls under the category of Infrastructure as a Service (IAAS). Scalable Infrastructure on Demand mean Increase or decrease capacity with in minutes, not hours or days. 

EC2 offers the broadest and deepest compute platform with choice of processor, storage, networking, operating system, and purchase model.

**It provides the different type of instances based on the pricing models:**

On-Demand Instances
✔ It will be useful for short-term needs and unpredictable workloads.
✔ There will be no advance money or previous commitment.

On Demand Instances are Recommended for
➢ Users that prefer the low cost and flexibility of amazon EC2 without any upfront payment or
longterm commitment
➢ Applications with short term, spiky or unpredictable workloads that cannot be interrupted.
➢ Applications being developed or tested on amazon EC2 for the first time


Spot Instances
✔ Plus point for this instances No advance payment or no prior commitment required.
✔ Quite useful for cost-sensitive compute workloads.

Reserved Instances
✔ RI is useful for long-running workloads and predictable usage.
✔ RI Offers to choose from No upfront, Partial upfront, or All upfront.

Dedicated Instances
✔ Dedicated Instances run on hardware dedicated to a single user.
✔ Limitation - Other customers can not share the hardware.

Dedicated Hosts
✔ A whole physical server with an EC2 instance allocates to an organization.
Everest Base Camp Trek
Published: 2022-11-24 09:15:40

[Everest Base Camp Trek](https://www.karmaecoadventure.com/package/everest-base-camp-trek/) is the most prioritized trek of all Treks in Nepal. Everest being the world’s highest mountain in the world, it is the dream of many to at least trek to the first base camp of the same. There are several reasons why this trekking is popular among travelers coming to the country.

The first one is definitely the never-ending mountains. This topography is perfect for Sherpa and Mountain Wilderness. Third, the interesting folk tales of gods, demons, and Yetis. Finally, several other things from the flora and fauna, several other natural elements, and the man-made monasteries and way of life.

**Everest Base Camp Trek Expert Update**

The Everest base camp trek experience begins from one of the most adventurous airports of Lukla (2,860 m). With only 460 meters of the runway, it keeps the ability to stun people and put them on the edge from the very first day. Mount Everest is home to the Sherpa people since ancient times too. 

It is the right abode of the mountaineering clan of Nepal. There are several villages like such which radiate culture, religion, and way of life along the way. Moreover, you will come across wild habitats like Himalayan Thar, barking deer, musk deer, and several species of birds in the forest of Rhododendron and Pine the trail traverses through.

**Accommodation/Teahouses of EBC Trekking**

The most important aspect of the trail is the daybreak. After a long day of walking, you call it a night in available lodges and accommodations. These accommodations are the warehouses of folklores. 

You get to hear tons of stories of how mountains were formed, how lakes were formed, how God slew demons, and a whole lot of others. These stories are like the cherry topping on cheesecake which makes your travel to Everest base camp the best experience.

**Everest Yeti Trail Trekking**

Not only that but also you will witness a few of the oldest monasteries in the region. Some burned down to ashes but reconstructed and renovated to their original and some claim to hold the scalp of abominable snowman ‘Yeti’. All these elements combined make Everest base camp trek the best experience ever. Book this trek today with Karma Eco Adventure Nepal and explore it.
How to Choose & Configure Appliance for AWS Gateway Load Balancer
Tags: aws, gatewayloadbalancer, security, cloud
Published: 2022-11-24 09:14:43

This article is continuation from my previous article.

My Topology for this lab same as previous one:
![Network Topology Diagram](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/abcp54yd5irwaz6sihu7.png)

Choose and configure 3rd party appliance for Gateway Load Balancer in AWS Marketplace.
When we create security Gateway load balancer, AWS give us many choice using their 3rd party partner security appliance. I tried using Checkpoint product for this demo. We can use another 3rd party brand as well.

At AWS marketplace I found 2 of these product and subscribed it. One is for Security Gateway load balancer and one is for their management server

![Security Gateway](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hvjn89vzfjhzpn1ayjh8.png)


![Security Management Server](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6i41608yvpyeg03kcdkf.png)


![My Subscriptions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9sl0t9crudkft4owpi6.png)



After we subscribed it we can deploy in using EC2 instance.


We can use cloudformation template from checkpoint to deploy our security management server and Security Gateway load balancer.
In this stack template we chose which vpc for our Management server and Security GWLB , which subnet we using. I created new VPC called security VPC for this purpose.

![CloudFormation Stack](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ge5s7a9uudp2uu2qtrms.png)



After the stack complete, we can access our security GWLBs using our Management Server
And we can ssh to our management server using our private key file using putty.

![ssh to Security Management Server](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yzx0actp7m89tanb8q4q.png)



we must set up username and password for our Management Server before we can access it with WEBGUI.


![Set username and password](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q0e93yxku7vy7zhnry8c.png)



If we want monitor our Security Gateway Load Balancer in our local laptop, we can install Smart Console from checkpoint website.
After installed and verify our account, it will be automatically detected our security gateway and our Management server in AWS . Seamless integration with our AWS environment. 



![Smart Console AWS environment](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n22fb1izu81hfy8tzyas.png)

My reference for this lab:
1. https://supportcenter.checkpoint.com/supportcenter/portal?eventSubmit_doGoviewsolutiondetails=&solutionid=sk174447 ->AWS cloudformation example template for gateway load balancer (we can custom all the parameters freely)
2. https://www.youtube.com/watch?v=f4DduW2M5WI -> AWS official short video about Gateway Load Balancer
How to Change Default Laravel Breeze "email" to "id" in login
Tags: laravel, breeze, email
Published: 2022-11-24 09:14:19

In my case I want to change `email` to `id` 
modify the exported  `App\Http\Requests\Auth\LoginRequest` from `breeze` as following:
```php
<?php

namespace App\Http\Requests\Auth;

use Illuminate\Auth\Events\Lockout;
use Illuminate\Foundation\Http\FormRequest;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\RateLimiter;
use Illuminate\Support\Str;
use Illuminate\Validation\ValidationException;

class LoginRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            'id' => ['required', 'string'],
            'password' => ['required', 'string'],
        ];
    }

    /**
     * Attempt to authenticate the request's credentials.
     *
     * @return void
     *
     * @throws \Illuminate\Validation\ValidationException
     */
    public function authenticate()
    {
        $this->ensureIsNotRateLimited();

        if (! Auth::attempt($this->only('id', 'password'), $this->boolean('remember'))) {
            RateLimiter::hit($this->throttleKey());

            throw ValidationException::withMessages([
                'id' => trans('auth.failed'),
            ]);
        }

        RateLimiter::clear($this->throttleKey());
    }

    /**
     * Ensure the login request is not rate limited.
     *
     * @return void
     *
     * @throws \Illuminate\Validation\ValidationException
     */
    public function ensureIsNotRateLimited()
    {
        if (! RateLimiter::tooManyAttempts($this->throttleKey(), 5)) {
            return;
        }

        event(new Lockout($this));

        $seconds = RateLimiter::availableIn($this->throttleKey());

        throw ValidationException::withMessages([
            'id' => trans('auth.throttle', [
                'seconds' => $seconds,
                'minutes' => ceil($seconds / 60),
            ]),
        ]);
    }

    /**
     * Get the rate limiting throttle key for the request.
     *
     * @return string
     */
    public function throttleKey()
    {
        return Str::transliterate(Str::lower($this->input('id')).'|'.$this->ip());
    }
}
```

Note: you need to change the input name on blade as following
```blade
<!-- Email Address Become Id -->
            <div>
                <x-input-label for="id" :value="__('Email')" />
                <x-text-input id="id" class="block mt-1 w-full" type="text" name="id" :value="old('id')" required autofocus />
                <x-input-error :messages="$errors->get('id')" class="mt-2" />
            </div>
```
Digital Twin simulates a subway train station
Tags: digitaltwins, webgl, javascript
Published: 2022-11-24 09:03:37


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/khqcycpwghfpu7jumb16.gif)


[Preview Link](https://www.hightopo.com/demo/ht-subway/)

[[Click here to see more demonstrations including Digital Twins, GIS, VR, BIM, etc.]](https://www.hightopo.com/demos/en-index.html)

The traditional command center dashboard usually displays data in the 2D chart, bar, and other visual monitoring based on Web SCADA front-end technology. However, with the help of digital twins, we can now achieve much more than that.

In this example project, we model the real scene of a subway station, as detailed to each door, smoke detector, elevator, camera, etc. This full simulation allows us to intuitively monitor station situations in real time!


In order to help users navigate the subway station more intuitively and friendly, 3 interactive modes are provided:

**First-person mode**: this view is similar to the view of passengers, users can control moving forward and backward through the keyboard and mouse.
**Automatic roaming mode**: in this mode, users do not need to have any operation, the scene automatically moves forward and backward to patrol the scene of the subway station.
**Mouse operation mode**: the left mouse button rotates the scene, and the right button pans the scene.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dh22g2krv1a96rs23jru.gif)


**Cameras**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ihii2agtm3hhmx3mofje.gif)
When we click on the camera, real-time video footage will pop up.


**Elevators**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ogjp3q6tp0ypsxy6mmcn.gif)
data sent back from each elevator will trigger different animations.


**Smoke Detector Alert**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j1g61gfqhtet7n7iqv4g.gif)
Digital twin received real-time data sent back from the physical smoke detector, it will async the status and show the alert effect on our digital twin model.


**VR / Mobile / Tablet**
Our digital twin solution is a lightweight web-based tech, which means our product can merge into our clients’ websites or systems with no limitations. And it’s cross-platform supported, mobile devices, tablets, and even VR devices.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0f7vcvlzqk5z11okcbdq.gif)

As the feature mentioned above, digital twins can achieve so much more than the traditional ways can do. With our technology and experience, we can help your organization do the digital transformation as smoothly as possible.

For more inspiration and amazing projects we have done, please visit our portfolios: https://www.hightopo.com/demos/en-index.html
Job Opportunity in Portugal - Outsystems Developers
Tags: ousystems, outsystemsdevelopers
Published: 2022-11-24 08:49:21

My name is Daniel Santos and i'm an IT Recruiter in Portugal. At this moment, i'm looking Outsystems Developers located in Portugal for a big project. Below is the job description: 

Kelly Technology Portugal is recruiting Outsystems Developers (M/F) to integrate a client in the area of Technology Consulting practice, within General Consulting services. 

As a member of the team, you’ll work with clients to define their vision and plan how to get there. This company delivers the technological solutions organizations need to compete and grow and build a lasting legacy of improvement and performance, partnering with best-in-class technologies and solution sets.

In joining, you’ll help these clients understand and evolve the way they align Information Technology with their business strategy, create integrated end to end solutions, and use enterprise applications to solve complex business problems.

 
**Responsibilities:**

- Attend meetings with the team and clients to make sure communication flows and all are in the same page;

- Work closely with the team to understand the business context and solution requirements;

- Web and Mobile Development in Outsystems, participating in the various phases of the project (end-to-end process);

- Build functionality and make sure it serves the purpose well, while performing peer review and being a go-to person for the team;

- Be a responsible and proactive team member, learning as much as possible and sharing with the team;
Building awesome, technically sound solutions.
 

**What do you need to qualify for this job?**

- Bachelor in Engineering and/or Computer Science;

- Professional experience in Engineering and/or Computer Science;

- Previous experience with OutSystems language programming (from junior to senior profiles);

- Strong knowledge of web technologies: CSS, JavaScript and SQL;
Knowledge in Agile/Scrum projects;

- Fluent in English (mandatory).
 

**Benefits:**

- Flexible working hours;

- Flexible work regime (hybrid/remote);

- We need you to be eligible to work in Portugal;

- Annual training program;

- Flexible Benefits Plan;

- Team Building Events.

Applications on the link: https://bit.ly/3Oqguzl
I took the plunge into CSS. Day 1 thoughts.
Tags: webdev, beginners, css, writing
Published: 2022-11-24 08:45:02

So, I know I have probably mentioned it before but, I feel like I should reiterate it again for this post: I want to be a front end developer.

I have always loved making websites ever since I was a teenager in high school computer class. I never thought I would get to take that passion very far because the area I live in is not exactly the best place for jobs like that. Keep in mind, this was around 2005 to 2007 and I hadn't really figured out how the whole "being an adult" thing worked yet. I didn't think of looking for a remote job and I didn't dare consider moving (I had lived here my whole life and all my friends and family were here so it was a very hard choice to make). So, I kind of let my passion die and gave up on my CS degree that I was going for.

Fast forward to now and I am working for a company called Modis Engineering at a Google data center. Working there really lit a fire under my ass and rekindled that creative spark. I began looking into what I would need to learn to be able to try my hand at being a front end developer.

In my youth, I dabbled in HTML3 and I was vaguely familiar with it but, I never touched CSS or any other languages back then. So I kind of wanted to start off brushing up on my HTML a bit and trying to learn some CSS as I go. Using these 2 languages, I can work on some simple sites and try to work on improving not  only my design skills but also my critical thinking and code formatting skills. 

So I took the plunge and started learning CSS. My mind was blown at how cool it was. So far, from what I have learned on day 1, the syntax isn't too complicated. I mostly have to remember what everything is called. The creativity it gives me with just adding this to my HTML knowledge is mind boggling.

I've looked at other people's code before from places like GitHub and Codepen but, I haven't actually done anything on my own yet. Making a few simple buttons and being able to format my plain ol HTML into something that looks cool is a great feeling. I am pretty early on in my coding journey but, I am having a lot of fun learning and I can't wait until I get to "the good stuff" (more advanced CSS coupled with JavaScript).

For some reason, I had this fear of getting started. A fear of failure. I have been telling my friends that I was going to start learning this for several months but, every time I would go to start, I would sit down at my computer to get started, I would either psyche myself out, or my ADHD would get the better of me and I would never start.

Well, that ends today. I literally just have to remember the old adage "Just Do It." If I don't try, I'll never know, ya know? Once I put those first few lines of CSS down, my passion turned from a flame into a roaring inferno. I was motivated and I want to learn more.

I look forward to learning more on this journey and I can't wait to see what I can create once my skills and tool kit are improved upon. Thank you so much for reading. I hope you have a wonderful day/night!

![signature](https://i.imgur.com/aXaiikD.png)