17+ Articles of May to Learn Javascript
Tags: frontend, webdev, javascript
Published: 2020-06-11 12:06:25

---
title: 17+ Articles of May to Learn Javascript
published: true
description: Today we have articles about selection sort, testing with Jest, React functional components, and many more. Enjoy reading!
tags: frontend, webdev, javascript
canonical_url: https://flatlogic.com/blog/17-articles-of-may-to-learn-javascript/
---

Hey JavaScripters! Today we have articles about selection sort, testing with Jest, React functional components, and many more. Enjoy reading!
##**[Basic Frontend Dev Environment Setup](https://dzone.com/articles/basic-front-end-dev-environment-setup)**
by @DZoneInc
[Read the article](https://dzone.com/articles/basic-front-end-dev-environment-setup)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame1_Basic-Frontend-Dev-Environment-Setup-768x576.png?lossy=1&strip=1&webp=1)
___________________________

##**[Top 5 Free Awesome React.js Material-UI Admin Dashboard Templates](https://flatlogic.com/blog/top-5-free-awesome-react-js-material-ui-admin-dashboard-templates/)**
by @flatlogic
[Read the article](https://flatlogic.com/blog/top-5-free-awesome-react-js-material-ui-admin-dashboard-templates/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-43adfuuuuYYYYY-768x576.png?lossy=1&strip=1&webp=1)
___________________________
##**[Selection Sort in JavaScript](https://stackabuse.com/selection-sort-in-javascript/)**
by @StackAbuse
[Read the article](https://stackabuse.com/selection-sort-in-javascript/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Selection-Sort-in-JavaScript-768x576.png?lossy=1&strip=1&webp=1)
___________________________
##**[Using React with Express](https://flatlogic.com/blog/using-react-with-express/)**
by @flatlogic
[Read the article](https://flatlogic.com/blog/using-react-with-express/)
![Learn Javascript](https://dev-to-uploads.s3.amazonaws.com/i/fninwfbyttf27mqgas8i.png)
___________________________
##**[Building a React Component Design System](https://blog.bitsrc.io/building-a-react-component-design-system-8b643bb8922b)**
by @bitdev_
[Read the article](https://blog.bitsrc.io/building-a-react-component-design-system-8b643bb8922b)
![Learn Javascript](https://dev-to-uploads.s3.amazonaws.com/i/eb8swblgy2nuznd7zu8e.png)
____________________________
##**[Using Mocks for Testing in JavaScript With Jest](https://stackabuse.com/using-mocks-for-testing-in-javascript-with-jes/)**
by @AllanMogusu
[Read the article](https://stackabuse.com/using-mocks-for-testing-in-javascript-with-jes/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Using-Mocks-for-Testing-in-JavaScript-With-Jest-768x576.png?lossy=1&strip=1&webp=1)
___________________________
##**[React Single File Components Are Here](https://css-tricks.com/react-single-file-components-are-here/)**
by @css
[Read the article](https://css-tricks.com/react-single-file-components-are-here/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_React-Single-File-Components-Are-Here-768x576.png?lossy=1&strip=1&webp=1)
___________________________
##**[Optimize Cumulative Layout Shift](https://web.dev/optimize-cls/)**
by @addyosmani
[Read the article](https://web.dev/optimize-cls/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Optimize-Cumulative-Layout-Shift-768x576.png?lossy=1&strip=1&webp=1)
___________________________
##**[React-cool-portal: What it is and how to use it](https://blog.logrocket.com/react-cool-portal-what-it-is-and-how-to-use-it/)**
by @faruqyusuffG
[Read the article](https://blog.logrocket.com/react-cool-portal-what-it-is-and-how-to-use-it/)
![Learn Javascript](https://dev-to-uploads.s3.amazonaws.com/i/rgvyqqctb3t68eom2bhi.png)
__________________________
##**[Dealing With Stale Props and States in React’s Functional Components](https://css-tricks.com/dealing-with-stale-props-and-states-in-reacts-functional-components/)**
by @pprg1996
[Read the article](https://css-tricks.com/dealing-with-stale-props-and-states-in-reacts-functional-components/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Dealing-With-Stale-Props-and-States-in-React-s-Functional-Components-768x576.png?lossy=1&strip=1&webp=1)
__________________________
##**[Optimize Largest Contentful Paint](https://web.dev/optimize-lcp/)**
by @hdjirdeh
[Read the article](https://web.dev/optimize-lcp/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Optimize-Largest-Contentful-Paint-1-768x576.png?lossy=1&strip=1&webp=1)
__________________________
##**[Understanding symbols in JavaScript](https://blog.logrocket.com/understanding-symbols-in-javascript/)**
by @eahefnawy
[Read the article](https://blog.logrocket.com/understanding-symbols-in-javascript/)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Understanding-symbols-in-JavaScript-768x576.png?lossy=1&strip=1&webp=1)
_________________________
##**[Object-Oriented programming with Javascript](https://aparnajoshi.netlify.app/object-oriented-programming-with-javascript)**
by @aparna_joshi_
[Read the article](https://aparnajoshi.netlify.app/object-oriented-programming-with-javascript)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Object-Oriented-programming-with-Javascript-2-768x576.png?lossy=1&strip=1&webp=1)
_________________________
##**[Build a Single Page Web app using the DOM and JavaScript](https://itnext.io/build-a-single-page-web-app-javascript-and-the-dom-90c99b08f8a9?gi=8dfc989d5af3)**
by ITNEXT
[Read the article](https://itnext.io/build-a-single-page-web-app-javascript-and-the-dom-90c99b08f8a9)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-1_Build-a-Single-Page-Web-app-using-the-DOM-and-JavaScript-768x576.png?lossy=1&strip=1&webp=1)
_________________________
##**[Building your First Chrome Extension : IMDb Lookup](https://www.arbazsiddiqui.me/building-your-first-chrome-extension-imdb-lookup/)**
by @arbazsiddiqui_
[Read the article](https://www.arbazsiddiqui.me/building-your-first-chrome-extension-imdb-lookup/)
![Learn Javascript](https://dev-to-uploads.s3.amazonaws.com/i/usr6nntbl1x4bfspz6ue.png)
_________________________
##**[JavaScript Events: Capture, Target, Bubble](https://aparnajoshi.netlify.app/javascript-events-capture-target-bubble)**
by @aparna_joshi_
[Read the article](https://aparnajoshi.netlify.app/javascript-events-capture-target-bubble)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-47fua-768x576.png?lossy=1&strip=1&webp=1)
_________________________
##**[The four common Javascript array methods Push, Pop, Shift and Unshift](https://foxbits.dev/article/four-common-javascript-array-methods-push-pop-shift-and-unshift/15)**
by FoxBits
[Read the article](https://foxbits.dev/article/four-common-javascript-array-methods-push-pop-shift-and-unshift/15)
![Learn Javascript](https://833250.smushcdn.com/1694534/wp-content/uploads/2020/05/Frame-47fuaf-768x576.png?lossy=1&strip=1&webp=1)

______________

###You might also like these articles:
[Top Date Picker JavaScript Plugins and Libraries](https://dev.to/anaflatlogic/top-date-picker-javascript-plugins-and-libraries-5g3p)
[Top React Native UI Component Kits](https://dev.to/anaflatlogic/top-react-native-ui-component-kits-e7j)
[Top 5 Admin Templates With Node.JS Backend](https://dev.to/anaflatlogic/top-5-admin-templates-with-node-js-backend-2fmh)

_________________
Originally published at [flatlogic.com](https://flatlogic.com/templates) — React, Angular, Vue, Bootstrap & React Native templates and themes.
Text source: [17+ Articles of May to Learn Javascript](https://flatlogic.com/blog/17-articles-of-may-to-learn-javascript/)