In addition to the Storybook for React setup, you'll also need to install these packages:
npm i -D @babel/core babel-loader css-loader style-loader
In addition to the Storybook for React setup, you'll also need to install these packages:
npm i -D @babel/core babel-loader css-loader style-loader
any: magic, ill-behaved type that acts like a combination of never (the proper [bottom type]) and unknown (the proper [top type])
never is assignable to any, and any is assignable to anything at all.any & AnyTypeExpression = any, any | AnyTypeExpression = anyunknown: proper, well-behaved [top type]
unknown. unknown is only assignable to itself (unknown) and any.unknown & AnyTypeExpression = AnyTypeExpression, unknown | AnyTypeExpression = unknownany whenever possible. Anywhere in well-typed code you're tempted to use any, you probably want unknown.| #require 'open_uri_redirections' | |
| require 'open-uri' | |
| require 'nokogiri' | |
| cities = ['sanfrancisco', 'seattle'] | |
| search_terms = ['ruby', 'python', 'react', 'java'] | |
| cities.each do |city| | |
| search_terms.each do |search_term| | |
| url = "https://#{city}.craigslist.org/search/cpg?query=#{search_term}&is_paid=all" |
Note: Unix-like systems only.
code --list-extensions | sed -e 's/^/code --install-extension /' > my_vscode_extensions.sh| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>A simple clock</title> | |
| </head> | |
| <body translate="no" > |
| flex-flow:column-reverse wrap-reverse; | |
| justify-content:center; | |
| align-content:space-between; |
| - General | |
| [ ] The code works | |
| [ ] The code is easy to understand | |
| [ ] Follows coding conventions | |
| [ ] Names are simple and if possible short | |
| [ ] Names are spelt correctly | |
| [ ] Names contain units where applicable | |
| [ ] Enums are used instead of int constants where applicable | |
| [ ] There are no usages of 'magic numbers' | |
| [ ] All variables are in the smallest scope possible |
| /** | |
| * | |
| * Add to bookmark | |
| * Several tests are necessary in order for this "simple" action to work in most of the browsers | |
| * | |
| */ | |
| // First, we define the element where the "Add to bookmark" action will trigger | |
| var triggerBookmark = $(".js-bookmark"); // It must be an `a` tag |
| /*------------------------------------------ | |
| Responsive Grid Media Queries - 1280, 1024, 768, 480 | |
| 1280-1024 - desktop (default grid) | |
| 1024-768 - tablet landscape | |
| 768-480 - tablet | |
| 480-less - phone landscape & smaller | |
| --------------------------------------------*/ | |
| @media all and (min-width: 1024px) and (max-width: 1280px) { } | |
| @media all and (min-width: 768px) and (max-width: 1024px) { } |