Liked on YouTube: John Mayer - Neon (Live In LA - 1080p)

John Mayer - Neon (Live In LA - 1080p)

Neon - "Where the Light Is" by John Mayer live in LA. I do not own this song. It is used for entertainment purposes only.
via YouTube https://youtu.be/_DfQC5qHhbo

Liked on YouTube: John Mayer - Free Fallin' (Live at the Nokia Theatre)

John Mayer - Free Fallin' (Live at the Nokia Theatre)

John Mayer's official live video for 'Free Fallin' (Live At the Nokia Theatre

Tech Trends Showdown: React vs Angular vs Vue

By Andrei Neagoie, MEDIUM

Original Article

We are going to look at job postings, developer statistics, download numbers, and other factors, to actually burst through the fuzzy cloud that is React, Angular and Vue, and decide what you should learn in 2019 for your career.

Methodology:

The goal is to conduct an unbiased search based on the criteria:

Job Demand — what is the actual job demand and available jobs with each of the the 3 libraries and frameworks.

Developer Usage — which of the 3 are developers and programmers using?

Developer Opinion — you want to enjoy the tool you are using. How do developers feel about each of these 3?

In this article you will find sections on the above topics. Ideally, we want to pick the tool that is the most in demand, which will allow us to have a higher chance of employability, while also keeping in mind that we want to enjoy working with the library. Finally, we want to pick the one that is not in a decline, but instead, has a bright future and is growing in the developer community. Let’s get started!

Read Full Article

[Donovan Hiland]

A Recap of Frontend Development in 2018

By Trey Huffine, MEDIUM

The world of frontend development moves fast. Very fast. This article will recap the most important frontend news, notable events, and trends in JavaScript for 2018.

**This is a great article summarizing the world of Frontend Development over the last year. Worth the read.

Read full article

[Donovan Hiland]

11 Javascript Data Visualization Libraries for 2019

Very cool JS libraries!

11 Javascript Data Visualization Libraries for 2019

Selected open source libraries for beautiful charts, graphs and data visualization in your JS applications.

By Jonathan Saring, Medium
Original Article

We live in an era of data explosion, when nearly every application we develop uses or leverages data to improve the experience delivered to the users.

Sometimes, the best feature we can deliver to our users is the data itself. However, table and number charts are often tiring to read and it can be hard to draw actionable insights from large data tables.

Instead, we can use neat data visualization methods that leverage the brain’s ability to identify and process data in a visual way. To help you get started and easily add beautiful data visualization to your favorite application, here are some of the best Javascript data visualization libraries around in 2019 (unranked). Feel free to comment and add your own suggestions and insights!

Read the rest of article.

[Donovan Hiland]

A Convincing Case for Visual Studio Code

This article is on point!

[Donovan Hiland]

A Convincing Case for Visual Studio Code

by Nwose Lotanna

Visual Studio Code (a.k.a VS Code) owned by Microsoft is arguably the best and the most popular Integrated Development Environment out there. You can check out a recent developers survey by StackOverflow (Notepad++ has even more fans than Sublime Text 😆) In this short article, I would show you a few wonders of VS Code so you can quickly compare with your IDE and see if this is the time to get a new one...

Source Article:
https://blog.bitsrc.io/a-convincing-case-for-visual-studio-code-c5bcc18e1693

[Donovan Hiland]

Liked on YouTube: Web Development 2018 - The Must-Know Tech

Web Development 2018 - The Must-Know Tech

A complete roadmap to being a successful web dev in 2018!

This video covers everything it takes to be a web developer in 2018. Beginning web development, learning html and css, learning javascript, becoming a front end developer, becoming a back end developer...and even dev ops and docker! If you learn these skills, you'll be an in-demand developer with a modern and powerful skillset.
[Donovan Hiland]

‘The Art of Computer Programming’ by Donald Knuth

Great article.

Donald Knuth at the IBM 650 console; illustration by Siobhán K Cronin

"Some books look so beautiful on the shelf. Not only for their aesthetic virtues, but for what their spines say about the owner. The four hardbound volumes of Donald Knuth’s “The Art of Computer Programming” — all snug in their dark purple case — send a clear message: Step aside, Muggles, because you’re in the presence of a Real Programmer. A Serious Practitioner of Computer Science."

"Bill Gates once said, 'If you think you’re a really good programmer… read Art of Computer Programming… You should definitely send me a résumé if you can read the whole thing.' "

"The short feedback loop and malleability of today’s software comes with a price. While software development can be much more playful today, it’s also easier to hack before we think, and it can create a lot of problems. Great software still does require a lot of thought, and with ease we lose rigor."

Carl Tashian

[Donovan Hiland]

Liked on YouTube: Intro to Node.js and npm

Intro to Node.js and npm

Learn all about to node and npm! Talk by Logan Huskins at the freeCodeCamp OKC meetup. Thanks to Techlahoma for giving us permission to share. -- Learn to code for free and get a developer job:

[Donovan Hiland]

Liked on YouTube: Learn React with Kent C. Dodds

Learn React with Kent C. Dodds

Learn the basics of React in this live stream from Kent C. Dodds. 💻He goes over material from his Learn React GitHub Repo

[Donovan Hiland]

Liked on YouTube: Cooking with Jazz, Classics #1: Fun Jazz Classics and Standards for the Kitchen

Cooking with Jazz, Classics #1: Fun Jazz Classics and Standards for the Kitchen

Looking for the perfect cooking soundtrack? This sparkling jazz music combo is the only recipe you need to chill in the kitchen.

[Donovan Hiland]

Emergence!

via Instagram

Donovan Hiland Professional Experience and Skills [UPDATED]

UPDATED summary of professional skills and experience.



Donovan Hiland

Donovan Hiland - Professional Experience and Skills

Brief summary of professional experience and skills.



Donovan Hiland

Donovan Hiland GitHub Contributions and Publication Credits

Short list of GitHub contributions and publication credits.



[Donovan Hiland]

Donovan Hiland Influencers

List of professional influencers.



[Donovan Hiland]

ReactJS: Embedded expression rendering as array instead of individual elements

User, im1dermike, wants to know why an embedded ReactJS expression is rendering as an array instead of individual elements

He has the following nested components:

<Table data={records}>
    <TableColumn field="code">Code</TableColumn>
    {columns.map((column, i) => (
      <TableColumn key={column} field={column}>
        {column}
      </TableColumn>
    ))}
</Table>

StackOverflow user, Donovan Hiland, answer:

Your JSX compiles down to something that looks like this:

const TableColumn = React.createElement('div', { field: 'code' }, 'Code')
const Table = React.createElement('div', {}, [
  TableColumn,
  columns.map((column, i) =>
    React.createElement('div', { key: column, field: column }, column),
  ),
])

You can see the children of Table include a react element, and an array of react elements. Iterating over the children array directly will give you just that.

React provides a top level api for this kind of thing -- React.Children -- which traverses child arrays in your iterations with React.Children.map and React.Children.forEach.

The adjusted function would look like:

getDefaultSortColumn() {
  let col = this.props.children[0].props.field;
  React.Children.forEach(this.props.children, (column) => {
    if (column.props.sortDefault) {
      col = column.props.field;
    }
  });
  return col;
}

im1dermike follow up question: 

That results in the following error:
Argument of type '(column: ReactElement<any>) => void' is not assignable to parameter of type '(child: ReactChild, index: number) => any'. Types of parameters 'column' and 'child' are incompatible. Type 'ReactChild' is not assignable to type 'ReactElement<any>'. Type 'string' is not assignable to type 'ReactElement<any>'

Donovan Hiland answer

Type checking aside, the answer is still valid and is the preferred/recommended method for looping over children in React without having to check for nested arrays. I'll update the answer to exclude the type checking bit and let you figure that part out. 

See here for example: codesandbox.io/s/jvxqvw3813



https://stackoverflow.com/users/7165303/donovan-hiland