teleren/devto huggingface dataset:
New features in Laravel 8.0
Tags: laravel, php, testing
Published: 2020-10-14 09:51:33

Laravel 8 has been released right now and it consists of lots of innovative features, which include Laravel Jetstream, rate-limiting enhancements, model factory classes, a model directory, dynamic blade components, migration squashing, time testing helpers, and so on.

Before jumping into these innovative features, we want to mention that Laravel, beginning with version 6, follows semver right now and will be releasing a new version at the interval of every 6 months.



Laravel Jetstream
This particular feature helps to improve the prevailing Laravel UI scaffolding which is found in the earlier versions. It offers a starting point for the innovative projects which include registration, login, email verification, session management, team management, 2-factor authentication, as well as API support through Laravel.



Models Directory
The application skeleton of Laravel consists of a directory known as “app/Models”. It is assumed by every generator command that models are present in “app/Models”; nevertheless, in case there is no existence of this directory, the framework is going to assume that the models are kept by the application within the folder named “app/”.



Model Factory Classes
Starting from Laravel 8, expressive model factors happen to be class-based, accompanied by enhanced and amazing support for connections between factories. You will perhaps agree to the fact that the new syntax for producing records by employing the enhanced and innovative model factors is quite awesome. The Laravel Development Services have paid full attention to this feature.

Migration Squashing

In case lots of migration files are present within your application, it will be possible for you to squash them into one SQL file. This particular file is going to be executed initially while running migrations, and this will be followed by the rest of the migration files which do not belong to the schema file that has been squashed. Squashing any existing migration file might improve performance and decrease the bloat of migration files while performing tests.


Enhanced Rate Limiting

Huge enhancements are brought by Laravel 8 to the prevailing rate-limiting functionality while providing much more flexibility and supporting backward compatibility with the present throttle middleware. Laravel 8 comes with the Rate Limiters concept which can be defined by employing a facade.


Learn more New Features here: https://rlogicaltechsoft.blogspot.com/2020/10/learn-whats-new-features-in-laravel-80.html
How to Select the Ideal Salesforce Consulting Partner?
Tags: salesforceconsultingpartners
Published: 2020-10-14 09:45:29

There are several things to consider before selecting the right [Salesforce consulting partner,](https://www.cloudanalogy.com/salesforce-consulting-services/) as partnering with the wrong Salesforce consulting company can lead to losses for your organization rather than profit. Let's take a close look at some of the best strategies to follow when selecting the most desirable Salesforce consulting service provider.

1. Get basic information about Salesforce and your leads before you buy it. It is extremely important to have a basic understanding of Salesforce and how its applications can be useful for your business. As Salesforce is a platform with exceptional capabilities and endless possibilities, it is desirable for companies to get an overview of Salesforce by watching the free demo videos that are available to users on the website. the Salesforce.com Foundation and Salesforce.com.

2. Use the AppExchange to identify a Certified Foundation partner and explore their reviews, products, and location information.

3. If you are about to purchase Salesforce.com Foundation licenses, contact and contact your account manager, specify project details, and ask who they think could best meet your needs. .

4. Use your network of contacts to choose the ideal [Salesforce integration](https://www.cloudanalogy.com/salesforce-integration/), consultant, by reaching out to someone who can tell you about the pros and cons to expect and the lessons they may have learned from working with a company. similar organization. size and requirements.

5. Once completed, a Request for Proposal must be issued. Make sure this is not a copy of old, outdated software and should be used to start a discussion and receive a list of interested consultants. Each of the consultants has their own way of working and it is advisable to ask for demonstrations and case studies to see if they meet your expectations.

6. Talk to an expert instead of those who are only interested in your project to generate income. Expert consultants who have years of experience working with clients are often expensive and constantly review inquiries and lead your project efficiently. Order takers, on the other hand, give you more authority and will only do what you tell them.

7. An adequate budget is essential and brands often get what they pay for. It is desirable to communicate with the consultant and negotiate a budget without compromising quality aspects.

8. Data migration is important to the success of your business and it can also be a very expensive option. However, it is worth spending for the consultant. Merge contact data from Outlook, Microsoft Access, multiple Excel spreadsheets, and email newsletter databases, etc. it would be the basis of the data migration process.
Is it possible to convert Chrome Extension to Electron-like?
Tags: discuss, webdev, electron, chrome
Published: 2020-10-14 09:29:34

By Chrome Extension, I mean exactly any kind of [Web Extension API](https://en.wikipedia.org/wiki/Browser_extension).

Its own window, double-click-able from the desktop.

I am saying that, we might not need Electron, nor [webview/webview](https://github.com/webview/webview) for many cases. Chrome Extension, **with sufficient privileges** might already be enough.
A Couple of Sweet Victories Yesterday
Tags: devjournal, codenewbie, womenintech, react
Published: 2020-10-14 09:27:47

_This post was originally published on October 14, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Yesterday was one of those days where you just feel like all of your learning struggles finally reach the top of the mountain and you start to see the beautiful view.

I love those moments when everything comes together and the answers to hard problems I've been steadily chipping away at start to reveal themselves.

Yesterday, I had a couple of those - which definitely felt amazing! The first was that I was able to successfully automate inputting a huge majority of my city guide data for my [So You Think You Can France project] (https://soyouthinkyoucanfrance.netlify.app/) with a very simple Node program. It was one of those things where you find a good-looking solution online, but you're a little nervous to try it out.

Well try it out I did, and I seriously felt like a magician each time I ran the program that input the data within literal *seconds* - ah, amazing.

Secondly, I finally figured out a tough newbie mistake regarding React and the props passed down to a certain component - and it actually allowed me to refactor that component down to 32 lines of code (from a whopping 175 lines!!!!).

Essentially, my problem was that I was passing down a different object as props than what I needed the component to handle, so my solution was to pass down the object property (i.e. city.travelIdeas as an array instead of just city as an object and then trying to access the travelIdeas property from the component itself).

Oh, sweet victory. I'm looking forward to adding my previously-written blog posts to my So You Think You Can France project in the coming days. It's really all coming together.

Anyway, today is Podcast Production Day for me, so I'm going to be steadily moving down the list of what needs to be done for that!



----------


P.S. Did you know I have a podcast with new episodes each Wednesday? Go listen [right over here >>] (https://www.ladiescodecollective.com/podcast)

![The Ladies Code Collective Podcast cover art](https://dev-to-uploads.s3.amazonaws.com/i/e9bnxljvfrdjeti7fvbr.png)
What Pizza🍕
Tags: pizza, javascript, node, npm
Published: 2020-10-14 09:22:22

Well... I made a super-simple script to get recommendations on what pizza to order or even better to make today!

Just add it to your project, import the package and console log it.

Here is the [link](https://www.npmjs.com/package/what-pizza)

Any recommendations will be appreciated.
Hello Dev.to! Can I ask a favour?
Tags: react, javascript, html, css
Published: 2020-10-14 09:20:18

### 🙏🏾 Do you have a couple of minutes to help an aspiring Junior Web Dev?

➡️ https://mattt.pw

*TL;DR I'd love to become a Junior Dev, so during lockdown I've tried to teach myself lots of new skills. I've just published my first ever portfolio and would be so grateful if you could have a quick look and let me know how you think I can improve it, what else I should do to it, and what should be my next steps towards trying to get my first position? Thank you 👍*

Hello everyone, I'm Matt, and this is my first post, I'm sorry it's not something more informative. I’ve been a member of Dev.to since May, and have enjoyed coming on here every day to read great articles. I must say, it’s one of those communities you discover and then wonder how you ever did without it.

I'll be straight with you - I did actually used to be a web developer, but it was back in the day when we were called a 'Web Master' for some reason and our (only) tool of choice was the wonderful Microsoft Frontpage. We used to (had to?) use tables for layouts and use weird and wonderful 'hacks' just to get content laid out properly, or indeed normally. Frontpage would actually change your code for you - not in a Prettier sort way, it would literally change the code and what it did. We used to use spacer gifs and clearfix hacks, and we were amazed when the css spec introduced floats. Around that time all the 'best' websites would have a Flash animated splash page before you entered the main site (useless for SEO but what the heck) and devs who knew Actionscript were in high demand. 

Forward to modern-day and, perhaps because of my experience of the 'dark times', I *absolutely love* what Web Development has become. There are so many fantastic tools, libraries and frameworks to use now, the DX is immeasurably better! I'd love to rejoin the 'new' industry and have been using time during lockdown to learn all over again. It's a long road and I'm just at the beginning, I know that. I've just published my first ever portfolio and I'd be tremendously grateful if you could have a look and let me know how I could improve it, and what you think would be the best next steps towards trying to get my first position?

Have a great day and a great week. Thanks!

➡️ https://mattt.pw
My #100DOC - Day 48
Tags: 100daysofcode, challenge
Published: 2020-10-14 09:19:02

### Day 48: October 13, 2020

#### **Today's Progress**: 
1. **[Redesign of my portfolio](https://github.com/pablohs1986/pablohs1986.github.io)** (1h 30min):<br>I continued working on expandProjectOnClick function.
    
#### **What I learned**: 
* Review of JavaScript events.

#### **Total time**:
1h 30min.
How to download Microsoft Office setup?
Published: 2020-10-14 09:16:46

Follow the steps mentioned below to download the Microsoft Office software to make your work more creative on your computer:

Open the internet browser.
After that, go to office.com/setup.
Click on the “Shop Office Products” from your page.
After that, click on the webpage of the Office product, which meets your system requirements.
You need to find the Office setup.
Otherwise, use the text field.
It is located at the top right-hand side of the site.
You need to check whether your system supports the Microsoft Office software.
Read the product description.
After choosing the Microsoft Office setup, press on the Buy Now and Download option.
You will get this option under the name of the Microsoft Office setup.
You can make an Office account.
Do you want to log in to your Microsoft Office account? You need to type the email ID and password of the Microsoft account by going to the login page.
To make a Microsoft account, click on the No account exists option.
Otherwise, press on the Create a new one option.
Once you have logged in to the Office account, click to get the Microsoft Office product.
Through this link, you can download the Microsoft Office setup to the system.
The Office setup gets downloaded in the default Downloads folder.
Web Developer Bootcamp Day Three
Published: 2020-10-14 09:12:25


## Section 4: HTML: Next Steps & Semantics

![semantic html tags](https://dev-to-uploads.s3.amazonaws.com/i/crigi2ptod67zuiag0cu.PNG)

[HTML semantics cheat sheet](https://learn-the-web.algonquindesign.ca/topics/html-semantics-cheat-sheet/)

### title
* Second most important piece of content.
* Shown in the browser tab & search results.
* Should be unique for every page on the site.

### main
* Primary content of the page.

### section
* A group in a series of related content pieces.

### article
* A piece of content that’s independent.
* Could be removed from this website and still make sense.

### aside
* Secondary content not required to understand the main content.

### nav
* Defines a group a navigation links.

### header
* When inside body it’s the website masthead.
* When inside article it’s the most important information.

### footer
* When inside body it’s the website footer.
* When inside article it’s the least important information.

### figure

* Embeds annotated images, illustrations, photos, code, etc.
* Could be moved out of place and would still make sense.

### figcaption

* For adding a caption/annotation to the figure
* Must be inside a figure element—cannot stand alone.

### Figures & captions
* Use only if there’s a caption.

### time datetime="…"
* Marks some text as a time or date.
* datetime defines the machine readable version.

## VSCode Tip: Emmet
[emmet cheatsheet](https://docs.emmet.io/cheat-sheet/)
Obsidian - GraphQL caching client & server module for Deno
Tags: graphql, deno, webdev, node
Published: 2020-10-14 09:09:30


**Deno** is a V8-based **scripting environment** written in Rust & TypeScript aiming to provide a productive, secure scripting environment that a modern programmer needs. Deno aims to overcome all the design flaws and weaknesses of Node. Obsidian is a GraphQL caching client and server module built for Deno.

## Obsidian

[**Obsidian**](http://obsidian.land/) provides a solution to one of the most troublesome aspects of GraphQL - caching. Being optimized for use in server-side rendered React apps built with Deno, enabling its most powerful features, including optimized caching client-server exchanges & super lightweight client-side caching, all that to support the needs of modern applications!

Features:

* **Performance** - GraphQL query abstraction and caching in SSR React projects, improving the performance of your app,
* **Normalized caching** -  caching, optimizing memory management to keep your site lightweight and fast,
* **Flexibility** - Fullstack integration, leveraging client-side, and server-side caching to streamline your caching strategy.

## How it works

As already mentioned, the problem  Obsidian wants to tackle is caching. When your query for data you will get the response from your GraphQL API containing raw data so it could be stored in your application. If you query for a specific property that is stored in the cache, the Obsidian algorithm will find and return it without querying the API once again. Furthermore, Obsidian will **store in cache whole queries and responses to shorten lookup time to a minimum**. If the algorithm won't find any matching results in stored data (i.e cache was cleared), Obsidian will fetch them from the server once again.

## Getting started

To start using Obsidian we need to install it in both, the server and the client-side:

```tsx
import { ObsidianRouter } from 'https://deno.land/x/obsidian@v1.0.0/mod.ts';
```

```tsx
import { ObsidianWrapper } from 'https://deno.land/x/obsidian@v1.0.0/mod.ts';
```

The next steps are creating the router, sending `ObsidinaSchema', creating a wrapper, then you are good to make your first query using Obsidian. To get more in-depth information make sure to visit [Obsidian docs](http://obsidian.land/).

![Obsidian GraphQL Query in Deno](obsidian_deno_ query.png)

##### Source: [obsidian.land](http://obsidian.land/)
---

## Want to speed up your GraphQL schema development?

*GraphQL Editor* is a supportive tool for both advanced GraphQL users as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your GraphQL API much faster. **[Try GraphQL Editor for free!](https://graphqleditor.com)**


[![GraphQL Editor](https://dev-to-uploads.s3.amazonaws.com/i/a7qwlawx8v594fs2bq0a.gif)](https://graphqleditor.com/)
Formulas to Calculate Days, Hours & Minutes Between Two Datetimes!!
Tags: excelformula, excelformulas
Published: 2020-10-14 11:49:58

---
title: Formulas to Calculate Days, Hours & Minutes Between Two Datetimes!!
published: true
date: 2020-10-14 09:09:00 UTC
tags: ExcelFormula,Excelformulas
canonical_url: https://geekexcel.com/formulas-to-calculate-days-hours-minutes-between-two-datetimes/
---

## Excel formulas to Calculate Days, Hours & Minutes Between Two Datetimes:

In this article, we are going to see the **Formulas to Calculate Days, Hours & Minutes Between Two Datetimes in Excel Office 365**. Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)
## Formula Syntax:

- In Excel Office, the given formula is used to Calculate the Days Hours & Minutes Between Two Datetimes.

**=[INT](https://geekexcel.com/how-to-use-excel-int-function-in-office-365-with-examples/)([ABS](https://geekexcel.com/how-to-use-abs-function-in-microsoft-excel-365/)(B3-C3))&”days”&[TEXT](https://geekexcel.com/list-of-text-functions-in-microsoft-excel-365/)(ABS(B3-C3),”h””hrs””m””mins”” “)**

### Example:

- In the below screenshot, we will give the input range in **Column B**. End date is given in **Column C**.
- After applying the formula, it will display the result in selected **Cell E3**.

![](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/07/ma26.png)

## Explanations for Syntax:

- **INT** – The Excel [**INT Function**](https://geekexcel.com/how-to-use-excel-int-function-in-office-365-with-examples/) is used to get the integer part of a decimal by rounding down. In the INT function, you can use both positive and negative integer values.
- **ABS ** – This function returns the absolute value of a number. Read more on the [**ABS Function**](https://geekexcel.com/how-to-use-abs-function-in-microsoft-excel-365/). It is used to remove the minus sign(-) from the negative number and returns it as a positive number.
- **TEXT ** – [**TEXT Functions**](https://geekexcel.com/list-of-text-functions-in-microsoft-excel-365/) in Excel will help you to simplify the things when you come across the data that has too much text.

## Wrap-Up:

From this article, you will learn the Excel **formulas for Calculating the Days, Hours & Minutes between Two Datetimes**. Don’t forget to share your valuable **Q**** uarries** in the below comment section.

### Read Ahead:

- **[Excel formulas for Counting Cells that Match Two Conditions in Excel 365!!](https://geekexcel.com/excel-formulas-for-counting-cells-that-match-two-conditions-in-excel-365/)**
- **[Excel Formulas for Counting Comma Separated Values in a Single Cell !!](https://geekexcel.com/excel-formulas-for-counting-comma-separated-values-in-a-single-cell/)**
Multiselect Dropdown bind in react Js
Published: 2020-10-14 09:08:57

Can you please help me, someone, how to bind multiselect dropdown value in react js 
const options = [
  { label: 'Item 1', value: 1, description:"Item description 1"},
  { label: 'Item 2', value: 2, description:"Item description 2"},
  { label: 'Item 3', value: 3, description:"Item description 3"},
  { label: 'Item 4', value: 4, description:"Item description 4"}
];

//Class Component
  constructor(props) {
    super(props)
    this.state = {
      currentStep: 1,      
      selectedoptions: []
    }
  }
  handleChange = event => {
    const {name, value} = event.target
    this.setState({
      [name]: value
    })    
  }
 <Step1 currentStep={this.state.currentStep} handleChange={this.handleChange } options={this.state.selectedoptions} />
function Step1(props) {
  if (props.currentStep !== 1) {
    return null
  } 
  return(
      <React.Fragment> 
        <div className="form-group" style={{paddingLeft:"150px",height:"400px"}}>
          <table className="table table-border" style={{width:"50%"}}> 
              <tbody>  
                  <tr>
                      <td> 
                        <ReactMultiSelectCheckboxes placeholderButtonLabel="Select Items" name={} options={options}/>

                      </td>                      
                  </tr>
              </tbody>
          </table>   
        </div>
      </React.Fragment>
  );
}