Javascript

How To Manage State in React with Redux — step-by-step Javascript tutorial on Progressive Robot

How To Manage State in React with Redux

Redux is a popular data store for JavaScript and React applications. In this tutorial, you’ll use store, actions, reducers, and the useSelector Hook to build a bird watching test application. You’ll then pull data into your components and dispatch new changes to update the data.

Read more
How To Secure Node.js Applications with a Content Security Policy — step-by-step Javascript tutorial on Progressive Robot

How To Secure Node.js Applications with a Content Security Policy

A CSP is an HTTP header that provides an extra layer of security against code-injection attacks, such as cross-site scripting (XSS), clickjacking, and other similar exploits. It facilitates the creation of an “allowlist” of trusted content and blocks the execution of code from sources not present in the allowlist. In this tutorial, you’ll review the different protections the CSP header offers by implementing one in a Node.js application. You’ll also collect JSON reports of CSP violations.

Read more
ReactでFont Awesome 5を使用する方法 — step-by-step Javascript tutorial on Progressive Robot

ReactでFont Awesome 5を使用する方法

Font Awesomeはウェブサイトでアイコンやソーシャルロゴを表示できるようにしてくれるツールキットです。Reactはユーザーインターフェースの作成に使用するJavaScriptのコードライブラリです。 Font AwesomeチームはReactのコンポーネントを組み込んでいますが、Font Awesome 5とその構造について、基本を理解しておくとよいでしょう。このチュートリアルでは、React Font Awesomeコンポーネントの使い方について学びます。

Read more
How To Use Node.js Modules with npm and package.json — step-by-step Javascript tutorial on Progressive Robot

How To Use Node.js Modules with npm and package.json

The Node.js Package Manager (npm) is the default and most popular package manager in the Node.js ecosystem, and is primarily used to install and manage external modules in a Node.js project. In this tutorial, you will manage packages with npm, first keeping track of modules with the package.json file, and then using the npm CLI tool to list your package dependencies, update your packages, uninstall your packages, and perform an audit to find security flaws in your packages.

Read more
How To Use Themes in Gatsby — step-by-step Javascript tutorial on Progressive Robot

How To Use Themes in Gatsby

Themes in Gatsby refer to plugins that act as a collection of configuration options, functionality, and/or user interface (UI) elements. Separating out shared features into maintained themes makes keeping your site up-to-date easier, and also lets you spend less time configuring your site and more time developing your content. In this tutorial, you will install, configure, and use a Gatsby theme for publishing blog posts: gatsby-theme-blog.

Read more
CHAT