teleren/devto huggingface dataset:
My journey through React
Tags: react, beginners, javascript, webdev
Published: 2021-01-19 16:09:26

Being new to development I spent a lot of my initial days trying to map out my plan for learning. This included the basics but I also kept seeing a lot of information about learning a JavaScript framework. How to choose one left me a bit perplexed as it seemed to be based mainly on what companies I might want to work for or what projects I was involved with at the time. I resolved therefore to approach my development learning solely by concentrating on learning vanilla JavaScript.

As you can probably tell by the title of this post I am now learning React. I got involved, although only briefly, with a project being built using React. I was working on developing code in React with next to no knowledge about how React works or even the main purpose of using this framework. That being said I began reading as much as I could and started building my own SPA using React. 

The goal of this post is to be the beginning of my documentation of my journey in learning React. I am sure there will be posts documenting both successes and failures. Hopefully these will give me a good way to track my progress. 

This first post I'll concentrate on perhaps one of the most difficult aspects I've come across to date, namely trying to learn React using functional components and hooks when so many of the tutorials out there are based on class based components. I realize the official documentation talks about class based components still being used throughout the dev world, particularly in legacy apps. However, as a new developer I've been trying to keep myself from burning out, getting stuck in tutorial hell, etc. With that in mind I felt that learning both class based components and hooks would tax me a bit and lead to frustration so I decided to concentrate on building my entire project using functional components and hooks. 

The first one I really grasped properly was useState(), which seems at first glance to be really simple. However, I spent a lot of time trying to get my project to recognize my changes to the state of an item, and am still in fact trying to grasp changing the state of one sibling based on the value of another sibling. This is not documented well, at least in my searching, when using hooks rather than this.state. I have, however, successfully done this once, so I consider that a win. I was able to manipulate the value of sibling 'B' based on the value of sibling 'A' with a fairly simple if/else statement in a useEffect() hook. Now to repeat this in a more complex manner...
Connect Wordpress API to Flutter
Tags: wordpress, flutter
Published: 2021-01-20 05:46:17

After explored WordPress, I found it is really an easy-to-use yet powerful CMS backend. I decided to use Flutter to develop a front-end, CRUD data directly from WordPress through API.

## 1. Configure "JWT Authentication for WP-API" 
This is a plugin for WordPress.
#### 1.1 Search and Download "JWT Authentication for WP-API" in WordPress Plugin Market. (*DON'T* activate it for now.)
#### 1.2 Edit `.htaccess` file, add lines below, between `<IfModule mod_rewrite.c>` and `</IfModule>` tag.
```
RewriteEngine on
RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]
```
#### 1.3 Edit `wp-config.php` file, add lines below, right after `define('AUTH_KEY', '...');define('SECURE_AUTH_KEY', '...');define('LOGGED_IN_KEY', '...');define('NONCE_KEY', '...');define('AUTH_SALT', '...');define('SECURE_AUTH_SALT', '...');define('LOGGED_IN_SALT', '...');define('NONCE_SALT', '...');`
```
define('JWT_AUTH_SECRET_KEY', 'YOUR_KEY_HERE');
define('JWT_AUTH_CORS_ENABLE', true);
```
Replace `'YOUR_KEY_HERE'` with your key. Strongly recommend you to get one random key at [this trusted site]( https://api.wordpress.org/secret-key/1.1/salt/). 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5w8039t6hxk60z81nlag.png)Just copy anyone you like.

#### 1.4 Activate "JWT Authentication for WP-API" in your WordPress panel.

## 2. Edit pubspec.yaml file
This file locates in your flutter project folder.
Add following lines under `dependencies:` block:
```
flutter_wordpress: ^0.2.0
flutter_html: ^1.1.0
url_launcher: ^5.7.10
```
The version numbers are not constant. I googled each one's latest version on November 24, 2020. Maybe there would be newer versions at the time you are reading here.

Thanks to [Morten Rand-Hendriksen's tutorial on Lynda.com](https://www.lynda.com/WordPress-tutorials/Challenge-Add-dynamic-related-posts-navigation/2822348/2967573-4.html?autoplay=true)

#### Hope this helps!
#### So proud to be a coder!
How to Learn Linear Algebra for Machine Learning in 2021
Tags: machinelearning, datascience, deeplearning, analytics
Published: 2021-01-20 05:37:40

Most of us have question- **Why Linear Algebra for Machine Learning?**

Right…?

So the answer is- because Linear algebra is used in **data preprocessing, data transformation, dimensionality reduction, and model evaluation.**

The next question we have-

##**What Linear Algebra Topics are required for Machine Learning & Data Science?**

So, the **Topics to Learn in Linear Algebra are-**

1. Basic properties of a matrix and vectors: scalar multiplication, linear transformation, transpose, conjugate, rank, and determinant.

2. Inner and outer products, matrix multiplication rule and various algorithms, and matrix inverse.

3. Matrix factorization concept/LU decomposition, Gaussian/Gauss-Jordan elimination, solving Ax=b linear system of an equation.

4. Eigenvalues, eigenvectors, diagonalization, and singular value decomposition.

5. Special matrices: square matrix, identity matrix, triangular matrix, the idea about sparse and dense matrix, unit vectors, symmetric matrix, Hermitian, skew-Hermitian and unitary matrices.

6. Vector space, basis, span, orthogonality, orthonormality, and linear least square.

The next question we have-

##**What are the Resources to learn Linear Algebra?**

So I have chosen **8 Best Linear Algebra Courses for Machine Learning & Data Science** and here is the list-
**[Click to continue reading...](https://www.mltut.com/best-linear-algebra-courses-for-data-science/#1-mathematics-for-machine-learning-linear-algebra-coursera)**
Errors When Implementing Firebase in Flutter
Tags: firebase, flutter
Published: 2021-01-20 05:34:15

I don't know why but implementing Firebase in Flutter seems painful. (Both are all Google products, they are expected to work like a pair, don't they? XD)

#### `CloudFirestorePlugin.java uses or overrides a deprecated API`
or
#### `Error running pod install`
or
#### `Specs satisfying the cloud_firestore (from .symlinks/plugins/cloud_firestore/ios) dependency were found, but they required a higher minimum deployment target.`

There are a lot solutions out there to deal with errors above. Here I wanna note down solutions in my case.

## Development Environment
MacOS: 10.15.7 (Catalina)
Xcode: 12.2 (12B45b)
Android Studio (AS): 4.1.2
Flutter Plugin for AS: 52.2.1
Dart Plugin for AS: 201.9317

## Basic Setup

Follow [Todd's video in Firebase official channel on Youtube](https://www.youtube.com/watch?v=EXp0gq9kGxI&feature=emb_logo)

This video is released on Dec 3, 2020.

Follow it to do all the basic setup.

Or follow [Firebase's official doc](https://firebase.google.com/docs/flutter/setup)

## Compiling to Android emulator

I met `CloudFirestorePlugin.java uses or overrides a deprecated API` error, but still compiled successfully.

#### Solution: 
Quit the emulator, compile again, the error gone.

## Compiling to iOS simulator

I met `Error running pod install` error. Also follows some detail like `Specs satisfying the 'cloud_firestore (from '.symlinks/plugins/cloud_firestore/ios')' dependency were found, but they required a higher minimum deployment target.`

#### Solution:
In Android Studio:
Click Tools -> Flutter -> Open iOS module in Xcode

In Xcode:
Click Runner -> General -> Deployment Info
choose "iOS 10.0" instead of "iOS 9.0"

Quit the simulator, compile again, the error gone.

I hate to raise deployment target to 10.0, but according to [FlutterFire's official doc](https://firebase.flutter.dev/docs/installation/ios/#ios-supported-versions), 9.0 or lower are not accepted.

#### Hope this helps!
#### So proud to be a coder!
Allianze BPO Services- Matchless Support for Your Back-Office Needs
Published: 2021-01-20 05:33:29

Allianze BPO services is a most hailed name in the BPO service sector, due to the quality service and numerous benefits it provided to the clients. We mitigate the back-office tasks of thousands of businesses in several industries, on a daily basis. We have been offering help to firms across the globe, for the last 5 years with the most efficient team available.
Our most successful services are :
    • Data Entry
    • Mortgage and Foreclosure
    • Market Research
    • Image Editing
    • Logistics Bpo Service
    • Healthcare Bpo Processing
    • Software Development
We are offering high-end support for more people across the world to handle their cumbersome BPO tasks. Moreover, we would like to have a warm bond with our clients.

For more :support@allianzebposervices.com
Visit : https://www.allianzebposervices.com/
Second week JavaScript
Tags: beginners, programming, webdev
Published: 2021-01-20 05:21:40

Hi everyone, this has been 2nd week since I start doing javascript, the topics I covered during this week are the following.

1)synchronous and Asynchronous
2)Promise
3)async , await
4)fs.readFile
5)fs.writeFile and many more.

for now, I have started Nodejs and thinking about writing an article on javascript based on my understanding so that it can help me solid fundamentals in case I didn't understand enough and resources were the same as I described them in my first article and everyone recommended me.

First article link:
https://dev.to/gauravrandheer/first-week-javascript-1l27


Thanks for reading!!
4 Day work week remote opening
Tags: career, programming, python, hiring
Published: 2021-01-20 05:01:09

## About Us

We're a Scottish tech firm in EdTech. We're breaking into the enterprise market in NA right now and winning bigger clients. We have a four day work week and a strong culture of lived out values.

Our product offerings include a tms, lms, and customized integrations.

[Read more about us on our website](https://www.getadministrate.com/about/).

## About The Opportunity

Administrate is looking to gear up more experienced devs to help mature our platform and take us to the next level. There's never a dull moment! Many systems are in flight to be deprecated, containerized, and migrated to continuous deployment. We have most of our main services containerized and deployed to AWS. We still need a wide range of product work, and are working with enterprise clients in an agile process.

## Skill & Qualifications

This is a senior position, so we'll be expecting a broad range of skills in web development; full stack experience, knowledge of modern front end development, domain driven design, aws, docker, python, typescript, react, etc. All helps.

## How To Apply

Apply on hire hive and say Sean Newell sent ya 👍.

https://my.hirehive.io/administrate/jobs/67536/senior-software-engineer-remote?source=CareerSite

_Please feel free to leave questions in the comments section._
Find the Nth Largest Value in Excel Office 365 ~ Step-By-Step Procedure!!
Tags: excelpreface, excelbasics, exceltutorials, findnthlargest
Published: 2021-01-20 11:40:55

---
title: Find the Nth Largest Value in Excel Office 365 ~ Step-By-Step Procedure!!
published: true
date: 2021-01-20 04:52:05 UTC
tags: ExcelPreface,ExcelBasics,ExcelTutorials,Findnthlargest
canonical_url: https://geekexcel.com/find-the-nth-largest-value-in-excel/
---

Normally, we can use the **LARGE function** to get the highest value from a range in Excel. Have you ever imagined finding the Nth largest value? Here we come up with simple and quick steps to **find the N<sup>th</sup> largest value in Excel**. Let’s get into this article!! 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)
## Steps to find the **N<sup>th</sup>** largest value:

Let’s see the below steps to get the N<sup>th</sup> largest value in a range, you can use the below formula.

**=[LARGE](https://geekexcel.com/how-to-use-excel-large-function-in-office-365-with-examples/)(range,N)**

### Argument Explanation:

- **LARGE** – In Excel, the [**LARGE Function**](https://geekexcel.com/how-to-use-excel-large-function-in-office-365-with-examples/) will help to N<sup>th</sup> Largest value from the given range of data.

### Example:

Now we are going to see how to find the largest value in Excel.

- Here, we will enter the input values in [**Column**](https://geekexcel.com/excel-office-365-columns/) **B**.

![Input Range](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2021/01/Input-Range-10.png)<figcaption id="caption-attachment-21240">Input Range</figcaption>

- Then, enter the above-given formula in the [**formula bar**](https://geekexcel.com/how-to-use-formula-bar-for-various-purpose-in-excel-365/) section.

![Enter the formula](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2021/01/Enter-the-formula-16.png)<figcaption id="caption-attachment-21241">Enter the formula</figcaption>

- Finally, you can get the result in the selected **[cell](https://geekexcel.com/merge-cells-in-excel-office-365/)**.

![Result](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2021/01/Result-35.png)<figcaption id="caption-attachment-21242">Result</figcaption>

## Verdict:

Hope you understood the simple steps to **get the Nth largest value in Excel**. Make use of it. If you have any other **ideas** or **question** , do share with us here in the **comments** section below. Thanks for visiting **[Geek Excel!!](https://geekexcel.com/)** Keep Learning!!

### Read Also:

- **[Excel Formulas to Find the Nth Largest Value with Criteria!!](https://geekexcel.com/excel-formulas-nth-largest-value-with-criteria/)**
- **[Excel Formulas to Get the Nth Matching Value Using VLOOKUP Function!!](https://geekexcel.com/excel-formula-nth-value-vlookup/)**
- **[Formulas to Find the First Error Using MATCH function!!](https://geekexcel.com/excel-formulas-find-position-first-error-match/)**
6 Tips for refactoring Code
Tags: webdev, programming, productivity, codenewbie
Published: 2021-01-20 04:49:20

(Just a short post give a quick read) Hey there, Refactoring is the process of restructuring existing code (changing the factoring) without changing its external behavior. So, I present you 6 tips for Refactoring code.  

---

### 1. Remove duplication

Follow the D.R.Y principle and Don't Repeat Yourself. If you see code, functions. and/or logic being repeated, rewrite the code to remove the duplication

### 2.  Improve responsibility 

Ensure separation of concerns by having to separate things into sections that handle a certain 'concern'. Just avoid coupling of different logical entities. 

### 3. Remove unneeded code and over-complexity 

Remove anything unneeded to simplify the code and reduce confusion or "Why is this here?". Y.AG.N.I. (You aren't gonna need it). 

### 4. Be consistent and follow standards

Sometimes it's better to stay consistent with the current project, even if there might be a better way. Follow standards where you can to make your code more predictable to others. 

### 5. Adopt a design pattern when needed

A design pattern is a general, reusable solution to a commonly occurring problem in a software design. Always keep things simple first; only adopt a design pattern when the code begins to show it.  

### 6. Pull-up / Push-down

Determine if methods, objects, and/or logic need to be consolidated at a 'higher' level, or need to be pushed down to a 'lower' one. 

----

📘Thanks For Reading | Happy Coding😎

Get weekly newsletter of amazing articles i posted this week and some offers or announcement. Subscribe from <a href="https://mailchi.mp/9f73b65b9c38/rahulism" target="_blank">Here</a>

<a href="https://www.buymeacoffee.com/rahxuls" target="_blank"> <img src="https://res.cloudinary.com/rahulism1/image/upload/v1608182430/bmc_nbxakd.png"></a>
Developing a Personal Budgeting App Using Android Studio & Firebase.
Tags: android, firebase, javascript, codenewbie
Published: 2021-01-20 03:58:23

Hello coders! A study has shown that less than 45% of people around the globe are financially literate. Managing our finaces is not as easy as we may think, as many people spend their money on things that are not important, while neglecting important ones.. Due to that, I have decided to create a personal budgeting application, that allows users to set a monthly budget of  various items.  Users then record their expenses every time they spend on something, say buying food from a restaurant. Users will record their expenditure, every time they spend on something. The application  uploads that information into the firebase realtime database, and retrives it to the user, on daily, weekly and monthly basis. The app then provides analytics of user's expenditure, also on daily, weekly and monthly expenditure, showing the total expenditure on each item, and the percentage of that as compared to what was set on the budget. The application also places this information on a pie chart, to give the user a nice graphical representation of their expenditure. Finally, the application set flags, of red, brown and green, depending on the percentage of the expenditure to the set budget of every item and also the total monthly budget. If the expenditure is less than 50%, a flag of green is set, else if the expenditure is between 50% and 99%, a flag of brown is set. A flag of red is set when the expenditure is 100% of the budget or more.

What you will learn.
1. XML - using xml to create beautiful UIs that offer excellent user experience.
2. Java programming language.
3. Firebase.
4. Graphical data representation in android.
And many more.

Check out the ongoing coding series here! https://m.youtube.com/watch?v=_gqxdPeWpts
Templating and I18n on Node/JavaScript
Tags: javascript
Published: 2021-01-20 03:56:13

I wrote a system I called Jake a very long time ago at Yahoo. I recently rewrote it for the modern era. If you or your reports are dealing with templating on  Node/Javascript this may be of interest to you. I also fiddled about a little with the details of crowd sourcing translations from a userbase directly onto the host application UI. That needs to be targeted at android obviously if we want to get to the punters.

https://concordatablog.wordpress.com/2021/01/18/templating-and-i18n-in-javascript/ 

There's a big picture objective to establish an open translation database, which would in turn drive more investment in early i18n and subsequent contribution to the public data set. We'd need a significant project in a notable corporation to float that.
TIL Intro + Puzzle Design
Tags: todayilearned, gamedev, design, puzzles
Published: 2021-01-20 03:32:32

2021-01-19
*Supposedly the day most people quit on their New Year's resolutions*

So today I learned a bit about puzzles but first...why all this?

An on-the-job habit that I started more than a year ago was a daily journal where I documented lessons inspired by the work I did that day. It was a great habit with many benefits. I'm seeking the same benefits outside of work so here we go...

![Rubik Cube floating above a hand](https://dev-to-uploads.s3.amazonaws.com/i/p4887gzlkfdz0ho9exef.jpg)
<figcaption>Photo by Marko Blazevic from Pexels</figcaption>

My goal is to make a puzzle game in Unity. It's a lofty one so I decided to hit the books for knowledge and watch some GMTK YouTube videos for inspiration.

A lesson I learned (and can immediately apply) from the book [Puzzlecraft](https://www.amazon.com/Puzzlecraft-Ultimate-Guide-Construct-Puzzle/dp/1402779240) is to work backwards with puzzle construction: start from the solution and then add/remove information to create the puzzle.

This GMTK [video](https://www.youtube.com/watch?v=gwV_mA2cv_0) got me thinking about the difference between puzzles that **ask** for solutions versus puzzles that allow you to **present** solutions. This led me to another question: is it possible to make a game where you can solve lateral-thinking puzzles?

It's all a bit fuzzy right now, much like trying to solve a real puzzle :)
Adding Commenting to 11ty with Hyvor
Tags: hyvor, eleventy, commenting
Published: 2021-01-20 03:05:13

---
title: Adding Commenting to 11ty with Hyvor
published: true
description: 
tags: ['hyvor', 'eleventy', 'commenting']
cover_image: https://cdn.hyvor.com/uploads/talk/cover.png
---
This is a repost from my [personal site](https://smolnotes.netlify.app/posts/2021-1-17-installing-hyvor/)

[Hyvor](https://talk.hyvor.com/) is a free commenting system for the web. It's easy to set up and has a stunning UI.

## What you need

* 11ty (this is after all an 11ty tutorial)
* A [Hyvor](https://talk.hyvor.com/) account
* Your website

After going on Hyvor you will see a dashboard.

![Hyvor Dashboard](https://betalist.imgix.net/attachment/105196/image/cb5f2d60b90ad5bf9e1ab4f02be93f46.png?ixlib=rb-4.0.0&h=300&fit=clip&auto=format&dpr=2&s=84ca51bc5611c4d0147320aaf5cc2ccf)

In general you will be given options to enter a web site name and website domain. IF you don't own a domain, that's ok! My website name is _Personal Blog_ and my 
web site domain is _smolnotes.netlify.app_

Now go to your post template (it is generally in _includes/layouts and is listed as post.html, post.njk or some other format) and add this code where you want the comments to go:


>  🔔  **IMPORTAN**

Make sure you replace `REPLACE WITH YOUR WEBSITE ID` with your website id. This can be found in the general tab of the Hyvor dashboard. Make sure that the website code corresponds with the website url.

```html

<div id="hyvor-talk-view"></div>
<script type="text/javascript">
    var HYVOR_TALK_WEBSITE = REPLACE WITH YOUR WEBSITE ID; // DO NOT CHANGE THIS
    var HYVOR_TALK_CONFIG = {
        url:  '{{ post.url | url }}',
        id: '{{page.id}}'
    };
</script>
<script async type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>

```
There you have it! Happy commenting :)
_______

I can now cross adding [commenting system](posts/2020-12-30-year-recap/) to my blog.
All images are taken from Hyvor.