- You can pin frequently used services to top bar in AWS Console
- By default there's a limit of 1000 concurrent lambda executions, this can be raised with a support ticket. There are companies that have this limit raised up to tens of thousands concurrent lambda executions.
- By default you get 75GB of code storage (so up to 10 React apps, lol) which can also be raised
- Looking at Throttles graph is useful, we don't want our functions to be throttled
ConcurrentExecutions
graph is useful as well - to understand if we're not approaching a limit- You can search for lambda functions using function name (adding prefixed help!) or using tags, which are really useful
- It's possible to use custom runtimes for Lambda (apart from Node,.NET, Python etc.) so if you really want to use Haskell you can do that
Workshop repo: https://github.com/nikgraf/design-graphql-schemas-workshop
- Every lesson is a separate folder and the process is as follows:
- Presentation
- Q&A
- Exercise (not after every lesson)
- Break
Create an AWS account, install AWS CLI, AWS CDK, AWS SAM (including Docker) and configure your account
Hide node_modules
, **/*.d.ts
and **/lesson*/**/*.js
files in VSCode using Exclude
option in Settings
- Write a detailed README with contact info, info about the workshop itself, license etc
- Create a folder for each lesson so folks won’t have to struggle with switching git branches every 15 minutes
- Give everyone a minute to process what they’ve learned and to figure out whether they have questions
- Reference the docs so once the workshop concludes everyone knows where to find the resources to refresh what they’ve learned
- As with egghead lessons, guide their eyes - if you’re explaining something, then select it in your IDE (at least hover over it)
- Take a minute to go over the questions from the chat, read the question out loud
- Don’t be afraid to experiment when there’s an interesting question, we’re all nerds here who love to try out new stuff
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head><link rel="stylesheet" href="css/main.css"></head> | |
<body> | |
<div class="block1">hello</div> | |
<div class="block2">hello</div> | |
<div class="block3">hello</div> | |
<div class="block4">hello</div> | |
<div class="block5">hello</div> | |
<div class="block6">hello</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head><link rel="stylesheet" href="css/main.css"></head> | |
<body> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
const MyComponent = () => ( | |
<h1>Hello, Egghead!</h1> | |
); | |
export default MyComponent; |
In this talk I'd like to use 5 minutes of my time to explain to the audience why jQuery is simply way better than React.
- Does React have a
fadeIn()
method? Nah, I don't think so. You need to install a react-transition-group package which weighs over 3GB. - Can you do
$.get(https://stackoverflow.com/questions/12345/adding_two_numbers_javascript)
in React? NOPE. - Remember React 3.3.1? Me neither, because they didn't make it. Meanwhile in jQuery land: https://code.jquery.com/jquery-3.3.1.min.js
- Can you learn jQuery for free? Sure! Can you learn React for free? It'll be $500 USD and your left kidney for a conference ticket.
And many, many more.
(This is a completely serious lightning talk proposal, I promise.)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
frontend/Draggable.js:18 | |
18: _onMove: (evt: MouseEvent) => void; | |
^^^^^^^^^^ Event. Covariant property `preventDefault` incompatible with invariant use in | |
44: onMove(evt: DOMEvent) { | |
^^^^^^^^ object type | |
frontend/Draggable.js:18 | |
18: _onMove: (evt: MouseEvent) => void; | |
^^^^^^^^^^ Event. Covariant property `stopPropagation` incompatible with invariant use in | |
44: onMove(evt: DOMEvent) { |