From 3d8d6b9fe0787f5c3e34e50dc24ee38b785b0b62 Mon Sep 17 00:00:00 2001 From: David Bryant Date: Sun, 25 Sep 2022 19:04:42 -0400 Subject: [PATCH] spacing + punctuation --- src/components/RecommendationPage.astro | 2 +- src/components/WhyPage.astro | 42 +++++++++----------- src/pages/others.astro | 51 +++++++++++-------------- 3 files changed, 43 insertions(+), 52 deletions(-) diff --git a/src/components/RecommendationPage.astro b/src/components/RecommendationPage.astro index eab210d..20e689e 100644 --- a/src/components/RecommendationPage.astro +++ b/src/components/RecommendationPage.astro @@ -7,7 +7,7 @@ import CodeBlock from "./CodeBlock.astro"; >

Starting a new dev project?

-

We Recommend Using

+

We recommend using

diff --git a/src/components/WhyPage.astro b/src/components/WhyPage.astro index cf43d5c..bf2221e 100644 --- a/src/components/WhyPage.astro +++ b/src/components/WhyPage.astro @@ -13,12 +13,9 @@ href="https://www.typescriptlang.org/" target="_blank" rel="noreferrer" - > - TypeScript - - ? + >TypeScript? -

Javascript is hard. Why add more rules?

+

JavaScript is hard. Why add more rules?

We firmly believe the experience{" "} - TypeScript - {" "} + >TypeScript{" "} provides will{" "} help you be a better developer,{" "} regardless of where you are in your career as an engineer. Whether you're new to web development or a seasoned pro, the "strictness" of TypeScript will provide - a less frustrating, more consistent experience than vanilla JS + a less frustrating, more consistent experience than vanilla JavaScript.

@@ -45,10 +40,7 @@ href="https://nextjs.org/" target="_blank" rel="noreferrer" - > - Next.js - - ? + >Next.js?

We love React. It has made UI development accessible in ways we never @@ -60,27 +52,31 @@ rel="noreferrer" href="https://nextjs.org/" class="link-light" - > - Next.js - {" "} + >Next.js{" "} offers a lightly opinionated, heavily optimized approach to creating a website - using React. From routing to API definitions to image rendering, we trust Next.js + using React. From routing to API definitions to image rendering, we trust + Next.js{" "} to lead developers towards good decisions.

-

Why tRPC/Prisma/Tailwind/etc?

+

Why tRPC/Prisma/Tailwind?

While we believe in keeping things as simple as possible, we find these pieces being used in every "app" like project we build.{" "} - create-t3-app {" "} + create-t3-app{" "} does a great job of letting you adopt{" "} - the pieces you need + the pieces you need.

-

+ + Here are some recommendations for when things get more complex.

diff --git a/src/pages/others.astro b/src/pages/others.astro index 0e189a8..e8c4c31 100644 --- a/src/pages/others.astro +++ b/src/pages/others.astro @@ -8,7 +8,7 @@ import Layout from "../layouts/main.astro"; class="flex flex-col items-center min-h-screen justify-center cursor-default relative" >
-

Other Recommendations

+

Other Recommendations

We recognize that Next.js and TypeScript don't solve every problem. While we encourage you to use the primitives they provide as often as @@ -31,8 +31,8 @@ import Layout from "../layouts/main.astro";

I hated the idea of Tailwind. Then I tried it.

It seems like Bootstrap. I promise it is not - Bootstrap. It enables a "flow state" in UI dev I didn't know was achievable. - (and yes we used it here) + Bootstrap. It enables a "flow state" in UI development I didn't know was achievable. + (And yes, we used it here.)

Data Management

@@ -48,8 +48,8 @@ import Layout from "../layouts/main.astro";

- This little library handles all your async React needs from data - fetching to IO management. Hard to imagine doing React dev without it + This little library handles all your async React needs, from data + fetching to IO management. Hard to imagine doing React development without it now. Might be able to replace your state management library too.

@@ -64,7 +64,7 @@ import Layout from "../layouts/main.astro";

- Prisma is to SQL what TypeScript is to JS. Never thought I'd love an + Prisma is to SQL what TypeScript is to JavaScript. Never thought I'd love an ORM, but man, trust me on this one.

@@ -81,7 +81,7 @@ import Layout from "../layouts/main.astro";

tRPC delivers on GraphQL's promise of seamless client development against a typesafe server without all of the boilerplate. It's a clever - abuse of TypeScript that provides an incredible dev experience. + abuse of TypeScript that provides an incredible development experience.

Analytics

@@ -96,8 +96,8 @@ import Layout from "../layouts/main.astro";

- Need analytics? Plausible is one of the quickest ways to get them. Super - minimal. It even has a{" "} + Need analytics? Plausible is one of the quickest ways to get them. It's super + minimal and even has a{" "}

- Man this library makes auth easy. No ownership compromise, hooks up to - your DB directly. So good that I ported two projects to Next to use it. + Man, this library makes auth easy. No ownership compromise and it hooks up to + your DB directly. It's so good that I ported two projects to Next.js just to use it.

- Note:{" "} - Does not support React Native directly. Yet. + Note: NextAuth.js does not support React Native directly. Yet. {" "} 😉

@@ -149,7 +148,7 @@ import Layout from "../layouts/main.astro";

Vercel took the hell of web deployments and made it a set-and-forget GitHub integration. We've scaled to hundreds of thousands of users - without issue. AWS-powered, just a way better interface :) + without issue. AWS-powered, but with a way better interface. 🙂

@@ -159,13 +158,13 @@ import Layout from "../layouts/main.astro"; href="https://planetscale.com/" class="link-dark" > - PlanetScale - for databases without the worry + PlanetScale - for databases, without the worry

PlanetScale is the best "serverless database platform" I've used by far. Insane scale, great developer experience, fantastic pricing. If you're - using sql (and hopefully Prisma), this is hard to beat. + using SQL (and hopefully Prisma), this is hard to beat.

@@ -193,10 +192,8 @@ import Layout from "../layouts/main.astro"; rel="noreferrer" href="https://react-query.tanstack.com/" class="link-dark" - > - React Query - {" "} - and built-in React state, reach for these when you need more + >React Query{" "} + and built-in React state, then reach for these when you need more.

@@ -219,8 +216,8 @@ import Layout from "../layouts/main.astro"; > Poimandres {" "} - can always be trusted. I have built everything from video call apps to games - to servers with this little library + can always be trusted. I have built everything from video call apps, to games, + to servers with this little library.

@@ -240,12 +237,10 @@ import Layout from "../layouts/main.astro"; rel="noreferrer" href="https://github.com/pmndrs" class="link-dark" - > - Poimandres - - , Jotai lets you define singletons that feel like global{" "} - useState. Great option for stateful behaviors that don't - need a state machine just yet + >Poimandres, + Jotai lets you define singletons that feel like global{" "} + useState. It's a great option for stateful behaviors that don't + need a state machine just yet.