teleren/devto huggingface dataset:
Easily Convert OST to PST — OST to PST Converter Tool

Tags: osttopst, convertosttopst, osttopstconverter, osttopstconversion
Published: 2020-07-30 10:13:06


Easily Convert OST to PST file format by using this OST to PST Converter Software. this software has multiple features like: batch conversion, selective conversion, data filter, Preview facility, maintain emails properties, Free trial version etc. with this tool you can easily convert your oversized OST file to PST file format. this software easy to use and also provides safe and secure OST to PST Conversion. this software compatible with all the versions of Windows OS.

Get this software free trial version from here: http://www.convertosttopstutility.com
Switch Statements in JSX
Tags: react, javascript
Published: 2021-07-21 00:06:21

JSX allows us to describe our UI using javascript expressions. This has interesting implications for control flow, because control flow statements in javascript (if, for, switch, etc) do not return values (they are imperative). This means that while we can use control flow statements to return top-level blocks of JSX,

```JSX
if (isLoading) {
  return <span>loading...</span>
} else {
  return (
    <section>
      <h1>My content</h1>
      {content}
    </section>
  )
}
```
we cannot use them inline.
```JSX
return (
  <section>
    <h1>My content</h1>
    {/* this is a syntax error ... */}
    {if (isLoading) {
      return <span>loading</span>
    } else {
      return content
    }}
  </section>
)
```
However, since JSX allows for embedded Javascript _expressions_, rather than _statements_, we can mimic the functionality of if, else and switch using the ternary operator!
```JSX
// a simple if-else
return (
  <section>
    <h1>My content</h1>
    {isLoading ? (
      <span>loading</span>
    ) : (
      content
    )}
  </section>
)

// a switch (nested ternary)
return (
  <section>
    <h1>My content</h1>
    {isLoading ? (
      <span>loading</span>
    ) : hasErrors ? (
      <span>something went wrong</span>
    ) : (
      content // this is the last "else" case
    )}
  </section>)
```
Scrupulous style guide adherents may claim that nested ternaries are confusing and error prone, but functionally it's not different then an if-else-if chain. If you and your linter can get used to it, I think it's a cleaner way to represent switch logic in JSX!
Microsoft Azure Virtual Training with Free Exam Voucher
Tags: azure, certification, cloud, virtualtraining
Published: 2020-07-30 12:27:46

Did you love my post? <a href="https://www.buymeacoffee.com/willydavidjr"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=willydavidjr&button_colour=f25a71&font_colour=000000&font_family=Lato&outline_colour=000000&coffee_colour=FFDD00"></a>

Hello dev community!

I am sharing you this link that was sent to me by Microsoft. Basically I already tried their **Azure Virtual 2-Day Training** and it was awesome!

In fact, I made a repeat on the week after I took the training. The training is actually until next week only and the good thing is that they extended it until end of August!

So what are you waiting for, take the 2-day Azure Virtual Training in Microsoft and receive also Free Exam Voucher to certify yourself for free!

Here is the link for the registration:

https://info.microsoft.com/AP-AzureINFRA-CATALOG-FY20-07Jul-07-MicrosoftAzureVirtualTrainingDayFundamentals-SRDEM30218_CatalogDisplayPage.html

See screenshot of my voucher that I received:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yrtd9pmvy3lp9935sdqp.PNG)

Happy coding and welcome to cloud! :)
Do we still need jQuery in 2020?
Tags: javascript, webdev
Published: 2020-07-31 16:20:54

Last week, Bootstrap launched their latest version (v5 alpha) and one of the new features was that they no longer depend on jQuery, that got me thinking, do we actually need JQuery in 2020?

jQuery is one of the most popular libraries in the world, so popular that it’s used by 75.9% of all the websites. In this article we’ll talk about how it became so widely used, and if it’s still worth learning in 2020.

# Why is jQuery so popular?
JQuery was created in 2006, back when Internet Explorer was the most used browser and the web was totally different place than it is now. It solved a lot of problems for front-end developers back then; it provided a simple and clear API to build websites with ease. For example:

- **DOM manipulation:** Using CSS selectors and some functions you can traverse and manipulate the DOM so easily compared to the vanilla Javascript approach.
- **Animations:** JQuery provides some easy to use out-of-the-box functions for animating DOM elements, without needing to get messy with CSS.
- **AJAX:** Making AJAX requests without jQuery was a hassle, but with JQuery you can do it in a couple of lines.
- **Cross-browser compatibility:** JQuery provides an API that can work on most browsers, something that's very hard to achieve if you're using javascript, this saved developers a lot of problems.

# Is it still worth learning in 2020?
**The short answer is no**, here's why: 

### Better alternatives:
Javascript has matured so much during these last years, it supports a lot of new APIs and its community has built so many great libraries to fill any void jQuery might leave. ["You might not need JQuery"](http://youmightnotneedjquery.com/) is a website that states alternatives for (almost) every JQuery feature, for example, let's say you want to add a class to a certain element:
```js
// Solution in jQuery
$(el).addClass("className");
// What you need to do in pure JS:
el.classList.add("className");
```

So as you can see, jQuery is more replaceable than we used to believe, especially with the emergence of front-end frameworks like React and Vue.
> PS: Mixing two frameworks like React and JQuery is a **very** bad idea.

### Size matters
Amazon famously found that every 100ms of delay in the load time of amazon.com cost them 1% in sales.
So loading an 80KB JQuery is a *big* problem, a problem we can avoid if we can find lighter alternatives.

# Conclusion:
To summarize, I think the web right now is passed JQuery, we have better, and lighter tools at our disposal. But as a web developer, it's sometimes still required to use JQuery because as I've mentioned before, it's widely used, so you might run into situations where you have to use it, in such a case, you can just refer to their documentation and you won't have a problem because you'll be so well versed in javascript by that point.
The State of Rust with Steve Klabnik
Tags: podcast, rust, cargo, interview
Published: 2020-07-30 21:41:27

Hey, folks. I just dropped the newest episode of my podcast, The Virtual World. I was able to sit down with Steve Klabnik from the Rust core team and pick his brain about the Rust programming language and its ecosystem. You can check it out at the link below.

If you like, love, or even hate the content, please let me know why in the comments. I am always looking for new guests, so if you're interested in coming on, please let me know!

https://anchor.fm/the-virtual-world/episodes/Ep-6--The-State-of-Rust-with-Steve-Klabnik-ehf8mk
What is the best laptop for coding and what should you look for? 💻
Tags: linux
Published: 2020-08-01 07:45:20

So you have a crapy computer or you just want to get a new computer. So what should buy? I can help you find the laptop for you. 

#What should you look for a laptop 
-Ram - ram is a big thing while coding or pretty much doing everything. You should have at least 8gb ram but recommended is 12gb of ram or higher.

-CPU and GPU - You might think that GPU is not that big of a thing especially for coding, but it can be pretty big for things like Machine learning(ML) and Neural Networks(NN).

-Screen - Having a good screen for coding is very important so that you can look at code and look at more code at the same time. 

-Operation system - Operation system can make your process of coding better or worse, the best one's are Linux, MacOs then Windows. Windows terminal is not that good and can make your process very bad. I feel that everyone should learn Linux because the whole internet work's on Linux. 

#My Recommendation for a laptop

- MacBook Pro 16 inch - Mac Os is a Unix based system so the terminal is very much like Linux. And the screen is amazing for coding and 16 inches is not bad for a laptop. While CPU and GPU are not the best they will get the job done.
Daily - Made with Vue js showcase | Made with Javascript 
Tags: javascript, vue, devops, news
Published: 2020-08-17 15:05:32

![Daily - Made with Vue js showcase | Made with Javascript ](https://dev-to-uploads.s3.amazonaws.com/i/3l5vnc3vs09dcs8ddkur.jpg)

Curated dev news delivered to your new tab \U0001F469\U0001F3FD‍\U0001F4BB

*_Follow us @madewithjavascript_*

Daily is an open source browser extension which provides curated dev news to your new tab.

>It gathers and ranks articles from tens of unique sources to help developers stay updated with the most relevant developer news. You can bookmark items, sync your data across devices, and read when you want. It works offline as well and has a progressive web app (PWA) for mobile.

> Daily is:
> 
> - 🌟 Well-maintained: We are working continuously to introduce new features, fix bugs, and improve user experience — 40+ releases on average in a year.
> - ♾ Constantly Updated: Daily's article feed is constantly updated. As soon as new articles get published, they start appearing in Daily.
> - 🧵 Open Source: Daily is completely open source. You can see the code to learn how it works, and contribute to help it improve.

## Want to get your Javascript project Featured on Made with Javascript?

- It is very easy to submit your project, especially if you are a developer. Just go to this github repository and create a PR with a file for your project.
- If you are not a developer and will like to submit a project for Made with Javascript, just fill out the below form and we will get in touch!
https://forms.gle/dWfFLBso4uMCViHW7
- If you still have any queries, shoot an email to us at madewithjavascript@gmail.com
#30DaysOfCJS: Creative Coding & Opening Up Open Source
Tags: community, p5js, creative, opensource
Published: 2020-08-23 20:43:42

---
title: #30DaysOfCJS: Creative Coding & Opening Up Open Source
published: true
description: #30DaysOfCJS Day 23, Creative Coding & Opening Up Open Source
tags: community, p5js, creative, oss
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/nxziljurdwdhkibfbm5r.png
series: 30DaysOfCJS
---

*This is a follow up post for Day 23 of* **#30DaysOfCJS**, *learn more about* **#30DaysOfCJS** *here* {% link jimcalliu/30daysofcjs-1jd3 %}

**Creative Coding & Opening Up Open Source // Elgin-Skye McLaren // CascadiaJS 2018**

If you'd like to watch the talk, here is the Youtube link.
{% youtube Nod5D8JtqKk%}

Further readings:
- [p5js](https://p5js.org/)
Easily open uSync Sync-Pack files
Tags: umbraco, usync, zip
Published: 2020-08-21 11:00:56

---
title: Easily open uSync Sync-Pack files
published: true
date: 2020-06-16 11:38:03 UTC
tags: umbraco,usync,zip
canonical_url: https://rockdove.uk/blog/open-usync-sync-pack-files
---

uSync Sync-Pack files (with the .uSync extension) are simply ZIP files and can be viewed in any ZIP viewer, including the one built into Windows.

One option is to rename your Sync-Pack to have a .zip extension and then open it as you would any compressed folder.

![A screenshot of a Sync-Pack file](https://dev-to-uploads.s3.amazonaws.com/i/e7d4z0yyyygtrhusbfaz.png)

The other option, however, which is very useful if you’re looking inside uSync files more often, is to let Windows know that the .uSync file is a ZIP file and to treat it as such.

There’s no point-and-click setting for this like there is for associating a filetype with a program, because we’re doing something subtly different: telling Windows this file _is_ a ZIP file.

All you need to do, though, is open a command prompt as administrator and run:

```
assoc .uSync=CompressedFolder
```

![Screenshot of Command Prompt with the above command entered](https://dev-to-uploads.s3.amazonaws.com/i/2rrvcr2y1z28la0qntqh.png)
slate vs fresh_when - Optimizing Rails Conditional Caching with ETags
Tags: rails, cache
Published: 2020-08-22 23:05:28

---
title: slate vs fresh_when - Optimizing Rails Conditional Caching with ETags
published: true
description: a guide on how to set etags
tags: rails, cache
//cover_image: https://direct_url_to_image.jpg
---

Conditional Caching is usually something that many developers forget while deploying to production.

In this post, I will refresh your memory by summarizing those options and improving your application performance.

## Setting `etag` or/and `last_modified` in the response

The request will return 304 status code if nothing changed.

[fresh_when] (https://api.rubyonrails.org/classes/ActionController/ConditionalGet.html#method-i-fresh_when) example

```ruby
class ArticleController < ApplicationController
  def show
    @article = Article.find(params[:id])
  fresh_when(etag: @article, last_modified: @article.updated_at)
  end
end
```

Note: check the [fresh_when] (https://api.rubyonrails.org/classes/ActionController/ConditionalGet.html#method-i-fresh_when) documentation for all possible options.

## Checking `etag` and `last_modified` against the client request with `slate?`

```ruby
class ArticleController < ApplicationController
  def show
    @article = Article.find(params[:id])

    if stale?(@article)
      @statistics = @article.statistics # very long task
      respond_to do |format|
        format.html # show.html.erb    
      end
    end
  end
end
```

Note: [slate API](https://api.rubyonrails.org/classes/ActionController/ConditionalGet.html#method-i-stale-3F)

`slate?` is similar to `fresh_when` but adds an additional helper to make responses efficiently.

My rule: If you have special response processing, use `slate?` helper. Otherwise, `fresh_when` is your default choice.

Happy Hacking!
Save webpage as pdf file
Published: 2020-08-23 18:07:53

before, you might not know that you can save webpages as pdf. Though it is one of the best tools to save the file on the computer for future reading. As today there are lots of content. and it is impossible to read all of them, therefore, saving those files in pdf form. and read them in leisure time is a good idea.

therefore, in the case of webpages, there is always a technic to do it. You can save webpages as pdf on your computer. And can read at any time you are free.
 
Moreover, if you have Windows OS on your computer. So, you should also have a Microsoft edge search engine. Microsoft edge has the functionality to open and read pdf files. Therefore, if you are using this software. you even do not need to install any pdf reader on your computer.

YOu can save webpages as pdf not only on google but also from Safari, Microsoft edge, and internet explorer. So, if you do not have an idea how to do that. You can visit the following article and understand how to save webpages as a pdf file.

https://techvatan.com/save-web-page-as-pdf-in-google-chrome-safari-microsft-edge/

Moreover, if you want to read some more knowledgeable up to date content. please visit the following article.

https://techvatan.com/download-macos-mojave-iso-file-latest-version-10-14/
Proxies API 2.0 Released
Published: 2020-08-25 12:38:32

Much faster network with a 3 fold increase in average response time, rendering support and a re-worked API. 
Proxies API(https://www.proxiesapi.com/) does what it says in the name. It is a rotating proxy API for web scrapers. We pass web page fetch requests through a network of over 2 million high speed, residential proxies and render pages, solve CAPTCHAs, handle sessions, cookies and other issues so you never get blocked.
What advice would you give to beginning devs?
Tags: help, beginners, career
Published: 2020-08-25 15:18:49


I know that **being a developer is a long-distance race**:

I started with Programming Basics, Java, HTML5, CSS3, SQL, Oracle, continued with Git, GitHub, Bootstrap 4 and command line basics and now I'm learning JavaScript, TypeScript, Angular, Python, Android and I continue delving into Java.

I love front-end, back-end... mobile apps, desktop apps, web apps, websites... dammit, I swear I like all!!!

Should I focus on just one stick? **What advice would you give me???**
APIs to help build your next side project
Tags: sideprojects, showdev, vue
Published: 2020-08-29 20:14:51

Say you have an idea for a new side project, but dont know what topic to base it on (for example: Bears, Beets, Battlestar Galactica). You really don't wanna be building another to-do list.

You might want to test only a small idea you have, and dont want to build a full fledged app. Here's where you can use APIs as substitutes for parts of the app you're not focusing on.

[I made a project](https://faraazahmad.github.io/apiland) using Vue that lists all publicly available APIs for you to use.

![API Land screenshot](https://dev-to-uploads.s3.amazonaws.com/i/ogn13464bsce1leu1kco.png)

As you can see there are a lot of APIs to choose from (643 to be accurate), going through all of them to select one is counter productive. So I have provided a way to filter them by category, and am working on adding more filtering and search options.

![Filter APIs screenshot](https://dev-to-uploads.s3.amazonaws.com/i/75nazr3gu2snq2r2wqal.png)

It's open source so you can help me improve this project [here](https://github.com/faraazahmad/apiland).

Github Link: https://github.com/faraazahmad/apiland
Live Demo: https://faraazahmad.github.io/apiland
How to host a React application on AWS S3
Tags: react, aws, cloud, automation
Published: 2020-08-25 16:49:52

---
title: How to host a React application on AWS S3
published: true
description: There are many ways to host your website on Amazon Web Services (AWS). One of the easiest is to use an S3 bucket to host your static website. In this video & blog I show you how easy it is to host a React application in this way.
tags: react, aws, cloud, automation
cover_image: https://res.cloudinary.com/dmim37dbf/image/upload/v1598358119/s3-react-blog/React_S3_Hosting.png
---
{% youtube BZcSUInHBfc %}

There are many ways to host your website on Amazon Web Services (AWS). One of the easiest is to use an S3 bucket to host your static website. Setup and configuration is fairly straightforward for this option. Take a look at the video and see how easy it is. In the video I explain how you can either manually build out your React application and then upload it to a bucket, or use the AWS CLI to automate the deployment.

## Prerequisites

1. AWS Account
2. AWS CLI installed on your machine
3. IAM User / role
4. Local credentials of the AWS User
5. NodeJS & npm installed

## Steps to Upload to S3

As shown in the video:

1. Scaffold a React application by running:

   ```bash
   npx create-react app nameofApp
   ```

1. Create an S3 bucket

1. Change Properties to allow static website hosting (index.html for the Index document.)

1. Change Permissions of Bucket Policy (replace NameOFBucket with your bucket name from 2)

   ```bash
   {
       "Version": "2012-10-17",
       "Statement": [
           {
               "Sid": "AllowPublicReadAccess",
               "Effect": "Allow",
               "Principal": "*",
               "Action": "s3:GetObject",
               "Resource": "arn:aws:s3:::NameOFBucket/*"
           }
       ]
   }
   ```

1. Build out the React application and copy contents of build folder over to S3

```bash
 yarn build
```

1. Setup S3 Sync - syncs directories and S3 prefixes. Recursively copies new and updated files from the source directory to the destination. Modify the package.json file and add a 'deploy' script that syncs the content of the build folder with the bucket:

```bash
  "deploy": "aws s3 sync build/ s3://nameofbucket"
```

1. Each time you want to deploy a new version of your app run:

 ```bash
  yarn build && yarn deploy
 ```
How I solved Build exceeded maximum allowed run time netlify error while deploying React App with Webpack from scratch?
Tags: netlify, javascript, react, webpack
Published: 2020-08-26 07:29:50

Build exceeded the maximum allowed run time - netlify error logs
while deploying manual react config with webpack from scratch

two things I did to solve this problem
1. make sure to set devtool = false, on production (this one also solve maximum size warning from webpack in production stage)

2. make sure to add webpack on build scripts instead of using webpack-dev-server

Also, while deploying from git, make sure to add commands of your publish directory in my case it is dist folder, you might have a build folder

that's it

after asking the same question on a different server, I figure out myself - StackOverflow live saver

### For more clarity watch the below youtube video

Deployed app: https://pwa-react-app-from-scratch-with-webpack.netlify.app/
Github Code: https://github.com/Alidhuniya/React-Manual-configuration-with-Webpack-from-scratch

{% youtube Emn5dV1H0xk %}
SISR: Vim-plugin for searching in syntax regions
Tags: vim
Published: 2020-08-26 14:56:57

`SISR` (https://github.com/AckslD/vim-sisr) is my first public vim plugin.

The idea for this plugin started when I wanted to search for a pattern but only inside equation-regions in a tex-document. I found an [answer](https://vi.stackexchange.com/a/4265) by `jjaderberg` on StackExchange and thought I would turn this into a plugin with some extended functionality.

`SISR` provides commands to search within specified syntax regions. One specifies these regions by the name of the syntax item. The matches of the search are populated in the location list which can be
traversed using `lnext` and `lprevious`.

Hope you enjoy it and looking forward to contributions or feedback.
GitHub Dark Turbo - a New Theme for VS Code.
Tags: githubdarkturbo, githubdark, vscode, rails
Published: 2020-08-27 22:00:54

Today I launched a free Visual Studio Code theme called GitHub Dark Turbo. It's a fork of the official GitHub Dark theme, with some workbench goodies to help users focus. The sample images show Ruby on Rails source code. Enjoy =)

https://github.com/dubesoftware/github-dark-turbo
Web Dev Freelance Gig Red Flags 🚩
Tags: career, freelancing, beginners, codenewbie
Published: 2020-08-30 01:04:20

---
title: Web Dev Freelance Gig Red Flags 🚩
description: Job boards may not be the best place to find freelance gigs, (That's through relationships!) but they can sometimes bear fruit. Keep a look out for these red flags to avoid getting caught in a nightmare gig!
published: true
date: 2020-08-28 12:14:00 UTC
tags: career,freelancing,beginners,codenewbie
canonical_url: https://raddevon.com/articles/web-dev-freelance-gig-red-flags/
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/25oqaogcvo0d5sfnjntb.jpg
---
In this video, I’ll take you through a few postings for freelance web development gigs on Reddit’s [forhire subreddit](https://reddit.com/r/forhire). We’ll find which postings sound like they could be a problem for one reason or another.

{% youtube Yj2FNAig98k %}

You shouldn’t necessarily disqualify one of these gigs immediately just because you find a problem with it. Just make sure you’re aware of potential red flags and that you factor that into your decision about whether to pursue and then ultimately take on the gig.

If you’re brand new to freelancing, check out [my other articles](https://raddevon.com/freelancing/) on freelancing as a new web developer!