developerexperience

Explore "developerexperience" with insightful episodes like "Arbitrum’s Stylus with Steven Goldfeder | ETHDenver 2023 Interview #7", "Supper Club × Developer Experience with Shawn Wang" and "TypeScript Fundamentals" from podcasts like ""Bankless", "Syntax - Tasty Web Development Treats" and "Syntax - Tasty Web Development Treats"" and more!

Episodes (3)

Arbitrum’s Stylus with Steven Goldfeder | ETHDenver 2023 Interview #7

Sometimes, the frontier is at a crypto conference. One of the most prestige being, ETHDenver! We’re back with a handful of exclusive interviews with some of the most fascinating minds in crypto.

Wish you could make it to all the crypto conferences, but don't have the time? Don't worry, Bankless brings the frontier to you.

In this episode, we’re talking to Steven Goldfeder of Arbitrum to discuss Arbitrum’s innovative new Stylus and the ever-evolving L2 wars. Steven also drops some alpha?! Tune in to find out.

------
📣 RhinoFi | Makes DeFi Frictionless
https://bankless.cc/rhino

------
🚀 JOIN BANKLESS PREMIUM:
https://newsletter.banklesshq.com/subscribe

------
BANKLESS SPONSOR TOOLS:

⚖️ ARBITRUM | SCALING ETHEREUM
https://bankless.cc/Arbitrum

🐙KRAKEN | MOST-TRUSTED CRYPTO EXCHANGE
https://bankless.cc/kraken

🦄UNISWAP | ON-CHAIN MARKETPLACE
https://bankless.cc/uniswap

👻 PHANTOM | #1 SOLANA WALLET
https://bankless.cc/phantom-waitlist

🦊METAMASK LEARN | HELPFUL WEB3 RESOURCE
https://bankless.cc/MetaMask

🚁 EARNIFI | CLAIM YOUR UNCLAIMED AIRDROPS
https://bankless.cc/earnifi

------
Timestamps:

0:00 Intro
3:51 Arbitrum Stylus
5:16 Stylus Explained
7:40 Prysmatic Labs
9:05 Any Dev Can Build on Arbitrum
9:52 L2 vs. L1 Roadmap Adoption
11:19 Arbitrum Alpha L3 Chains
13:40 How Do Chains Talk to Each Other?
14:52 Closing & Action Items

-----
Resources:

Steven Goldfeder
https://twitter.com/sgoldfed

Arbitrum
https://twitter.com/arbitrum

-----
Not financial or tax advice. This channel is strictly educational and is not investment advice or a solicitation to buy or sell any assets or to make any financial decisions. This video is not tax advice. Talk to your accountant. Do your own research.

Disclosure. From time-to-time I may add links in this newsletter to products I use. I may receive commission if you make a purchase through one of these links. Additionally, the Bankless writers hold crypto assets. See our investment disclosures here:
https://www.bankless.com/disclosures

enMarch 09, 2023

Supper Club × Developer Experience with Shawn Wang

In this supper club episode of Syntax, Wes and Scott talk with Shawn Wang about his thoughts on developer experience, why DX is important, and the importance of learning in public.

Hasura - Sponsor

With Hasura, you can get a fully managed, production-ready GraphQL API as a service to help you build modern apps faster. You can get started for free in 30 seconds, or if you want to try out the Standard tier for zero cost, use the code “TryHasura” at this link: hasura.info. We’ve also got an amazing selection of GraphQL tutorials at hasura.io/learn.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

00:32 Welcome
01:56 Guest introduction
swyx.io
Why Temporal?
06:09 What is Developer Experience?
Sarah Drasner
08:35 Is VS Code considered DX?
09:28 Why is internal DX important?
Vercel
NextJS
11:44 Is DX helpful to small organizations as well?
15:27 Parsimony
Parsimony
16:43 Is productivity the main focus?
21:09 Sponsor: Hasura
22:48 What are your thoughts on React?
27:31 Designing for API success
30:44 Sponsor: LogRocket
32:07 What is external developer experience?
36:05 Learning in public
40:46 Supper Club questions
dx.tips
Retreon VS Code Theme
Agnoster ZSH Theme
freeCodeCamp
Frontend Masters
QConf
Learn in Public

××× SIIIIICK ××× PIIIICKS ×××

Scott: The Stormlight Archive

Shameless Plugs

Scott: LevelUp Tutorials
Wes: Wes Bos Tutorials

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets

Syntax - Tasty Web Development Treats

enJuly 01, 2022

TypeScript Fundamentals

In this episode of Syntax, Scott and Wes talk about TypeScript fundamentals — what it is, how you use it, why people love it so much, and more!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

LogRocket - Sponsor

Cloudinary - Sponsor

Cloudinary is the best way to manage images and videos in the cloud. Edit and transform for any use case, from performance to personalization, using Cloudinary’s APIs, SDKs, widgets, and integrations.

Show Notes

What is TypeScript?

03:12 - Types?

What are types and why should you care?
JS is a typed language, it’s just not strongly typed
- JS does not care about reassignment of a variable to a new type
- Does not care about your types, but they do exist

06:34 - The Fundamentals

You write your JavaScript code, but each time you create a variable, function, parameter, you “type it” — which means you describe what that data will look like.
- Create a variable: Will it be a string? A number? A custom type of show?
- Create a function: What params does it take? What type are they? What does it return?
Types allow your code to know if there are type errors that would present themselves to the user silently. These are small errors that can be compounded and go unnoticed.
- This can allow you to prevent shipping code that has these errors by checking your code.
- Some of the biggest benefits here come via errors in your text editor

13:30 - Explaining the types

You can create your own types
Strings
Numbers
- We only have numbers in TS, no floats/ints
- We do have BigInt though, but not something most people will use
Arrays
- Will be a list of another type
Unions
- This type will be one of the possible options
- String of DRAFT PUBLISHED or ARCHIVED
Intersections
- An intersection type combines multiple types into one
Objects
- These are custom types where each property is its own type
Any
- Explicit any
- Implicit any
Language types
- These things are technically just Objects, but they have their own types
- Dates
- Timeouts
- DOM Elements / Nodes
Void
- When a function returns nothing — usually used with side effects like click handlers
Enum
- A set of named constants
  - Used when you have a select amount of values — I like to think of these as the select lists of TS
  - String unions are also used for this same thing

30:28 - Inference

Automatic detection of types
Typescript will try to infer your types based on their definition
Not every type can be inferred, leading to implicit anys and the need for explicit types

33:25 - Getting types

Most popular packages already have types — you install them like npm i @types/whatever
If a package doesn’t have types, you have to create them yourself, which can be annoying
- MakeTypes
- Console log a JSON.stringify(obj), and pipe it in
Node has types
Vanilla JS has types, for the language and all of the DOM - HTMLInputElement
React has types
Typing Node modules that don’t have types

Overall benefits

40:39 - Type hinting

With TS and your editor (VSCode) you’ll get more information about your code as you type it — allowing you to know exactly what things expect
- This seems like a small deal but in practice leads to being much more efficient

42:50 - Refactoring

Rename a function, type, or variable and it will be updated everywhere in the project!
Moving a function to a new file is actually part of TypeScript
Drag + Drop file, update imports

48:10 - Compiling

TSC vs Babel / Esbuild
Only TSC type checks
Compiling TS with babel will not allow you to break the build on type errors, you’ll need to run TSC in coordination or in the CI/CD