jsComplete

Learn full-stack JavaScript with React, Node, and GraphQL (the RiNG stack) #BlackLivesMatter Please donate what you can to a cause at

[AZ.dev @AZdotDEV]

"APIs should be easy to use and hard to misuse"

- Joshua Bloch

[AZ.dev @AZdotDEV]

Learning GraphQL is learning 2 languages:

The language used by services to describe schemas: object types, scalars, lists, enums, unions, interfaces

The language used by consumers to describe data needs: queries, mutations, subscriptions, fragments, fields, aliases, directives

[AZ.dev @AZdotDEV]

What Nodejs package manager do you use?

[AZ.dev @AZdotDEV]

Coding Tip: Simulate a slow network while developing web applications locally on your machine. This helps you see some subtle usability issues in your application.

[AZ.dev @AZdotDEV]

Coding tip:

Avoid short/random test data in development. Use realistic, production-like data in there to make your manual tests relevant and useful.

If possible, use a snapshot of your production data (after removing or masking private/secure stuff)

#100DaysOfCode

[AZ.dev @AZdotDEV]

If you want less unknown bugs tomorrow, add more constraints to your code today

Constraints include:

Input validation rules (forms/components/functions)
Types & linting rules
Strict modes (JS/HTML/CSS/React/...)
Database-level constraints (PK/FK/Unique/Check/nullability)
TESTS!

[jsComplete @js_complete]

The most important key on your keyboard is the TAB key.

[AZ.dev @AZdotDEV]

Examples of famous coding practices that aren't exactly good:

Everything should be immutable
map/filter/reduce over loops
Arrow functions over regular ones
Manage state in the root component
One component per file
Always test first
Don't mix CSS with HTML
Organize files by type

[jsComplete @js_complete]

What is a typical benefit of a client using a GraphQL API over a REST API?

https://t.co/6E1vNpWF0c

[AZ.dev @AZdotDEV]

Planning to explore Twitch with a first stream tomorrow.

What should I talk about?

(You can also reply with something else)

[AZ.dev @AZdotDEV]

I recorded this video 4 years ago:

https://t.co/q3CFSDP5U7

Demonstrating a case where git rebase interactive is helpful

Still green today and requires no updates.

I wish React and Node videos would be this evergreen!

[AZ.dev @AZdotDEV]

Friends,

I'm planning a live coding channel on Twitch and Youtube.

It's a big commitment so I could use some encouragement.

If you're interested in seeing me tackle coding problems live, please follow:

https://t.co/GdrJ8oL5aP

https://t.co/pQ0SsjC1hq

RTs appreciated 🙏

[jsComplete @js_complete]

The reactful package allows you to create React application templates with support for SSR and TypeScript!

$ npx reactful create my-app

$ npx reactful create -t typescript my-app

$ npx reactful create -t simple my-app

https://t.co/ss11BwNoBW

[AZ.dev @AZdotDEV]

“Okay, this code will work...”

Your opinion is good but a written test should confirm it.

Written tests are the “fact checkers” here.

[AZ.dev @AZdotDEV]

"JavaScript is simple. It's all about functions"

Sure, but to understand functions completely, you have to also understand:

Types, variables, and expressions
Scopes
Positional arguments and their defaults.
Object as named arguments.
Destructuring and REST

1/3

[AZ.dev @AZdotDEV]

Wanna be my co-founder?

https://t.co/HYqlVOuPq7

[jsComplete @js_complete]

@SturlaThorvalds @SamerNT That's what you see when the React code is minified for production.

In a development environment, component names will show up correctly.

[jsComplete @js_complete]

Por favor corre la voz, comparte tus recibos y anima a tus conocidos a que hagan lo que puedan para ayudar a combatir la injusticia racial.

El silencio es parte del problema.

[jsComplete @js_complete]

La librería educacional completa de jsComplete es ahora gratuita. Todos los videos, cursos y lecciones interactivas acerca de JavaScript, React, Node y GraphQL.

Solo pedimos a cambio donar cualquier cantidad de dinero a cualquier causa dedicada a luchar contra el racismo.