随笔分类 - Tools
摘要：The static code analysis and linting tool ESLint is the de-facto standard for linting JavaScript projects. In this lesson we’ll see how to install, ru
阅读全文
摘要：MDX Deck is a great library for building slides using Markdown and JSX. Creating a custom Providercomponent allows you to change the markup of the ent
阅读全文
摘要：There are three types of Segmentation Hit-based Visit-based Visitor-based There are four segment container types: Visitor (Multi session) Visit (Singl
阅读全文
摘要：In this lesson I demonstrate how to use the library MDXC to create and import React components with Markdown. MDXC converts markdown into JavaScript a
阅读全文
摘要：In this lesson, we’ll use grep to find text patterns. We’ll also go over some of the flags that grep has that can be combined together to make it more
阅读全文
摘要：find is a powerful tool that can not only find files but it can run a command on each matching file too. In this lesson, we’ll learn how to find all t
阅读全文
摘要：In this lesson we’ll learn how to move and rename files (mv) and copy (cp) them. Move index.html to src folder: We can also rename the file: You can a
阅读全文
摘要：We can create a single folder by doing: If we want to create nested folder we need to add '-p' flag: It creates three folders 'a', 'b', 'c'.
阅读全文
摘要：Sometimes when working at the command line, it can be handy to view a file’s contents right in the terminal, or open a file with a certain application
阅读全文
摘要：To update the dependencies in the project, we can run:
阅读全文
摘要：It would be helpful once you can see what information have been tracking inside you web application, We can use Teailumn debugger for that, inside Chr
阅读全文
摘要：Historically, the npm init command was solely use to create a new package.json file. However, as of npm version 6.1, you can now use a new feature of
阅读全文
摘要：Creating a Chrome extension requires a manifest.json file which defines how your extension will behave. With a minimal setup, you can already manipula
阅读全文
摘要：If you have a presentation coming up or you just need to present some documentation, then the Code Surfer React component is a powerful way to Highlig
阅读全文
摘要：Maid enables you to write your tasks in Markdown. Create a maidfile.md or a README.mdthen add Headers to list out your tasks with codeblocks including
阅读全文
摘要：In this lesson we'll use React Live to preview and edit a component directly in the browser. React Live is a great tool for rendering interactive docu
阅读全文
摘要：Use can use colour and styles to make it easy to spot errors and group common functionality into blocks when viewing a NodeJS console. This lesson wil
阅读全文
摘要：Often times when developing web applications, you need to open multiple tabs to run different scripts to start the application. This can all be done w
阅读全文
摘要：Inside one file, you can freely mark the number 1-9: And jump to Number of bookmark: It helps to generate type safe interface based the json file you
阅读全文
摘要：In this lesson we are going to use Google's Puppeteer to gather metrics about a page's load time. We'll use a high level date subtraction method as we
阅读全文
浙公网安备 33010602011771号