Andrew birksy89

tRPC: from journeyman to master

What it tRPC?

tPRC is a way for the server and the client to interop and share data and type definitions. Was written to make the relationship between the client and the server as simple as possible similar to graphql.

The path to understanding tRPC (with T3 template in my case):

tRPC intro: https://youtu.be/2LYM8gf184U
tRPC overview: https://nehalist.io/trpc-review/
Create T3 app and try to implement some basic stuff with CSL, SSR and SSG using tRPC react-query, gssp,

	{
	contentfulBlogPost {
	body {
	fields {
	readingTime {
	text
	minutes
	time
	words
	}

	SELECT PaneName FROM dbo.TabModules
	UPDATE dbo.TabModules
	SET PaneName = 'NewPaneName'
	WHERE PaneName = 'OldPaneName'

	-- Update Using Module Title
	SELECT PaneName FROM dbo.TabModules
	UPDATE dbo.TabModules
	SET PaneName = 'New pane name'
	WHERE 'Module Title' = 'Your Title'

	/* -------------------------------------------------------------------------- */
	// All Bootstrap 4 Sass Mixins [Cheat sheet]
	// Updated to Bootstrap v4.5.x
	// @author https://anschaef.de
	// @see https://github.com/twbs/bootstrap/tree/master/scss/mixins
	/* -------------------------------------------------------------------------- */

	/*
	// ########################################################################## */
	// New cheat sheet for Bootstrap 5:

	var debug = process.env.NODE_ENV !== "production";
	var webpack = require('webpack');

	module.exports = {
	context: __dirname,
	devtool: debug ? "inline-sourcemap" : null,
	entry: "./js/scripts.js",
	output: {
	path: __dirname + "/js",
	filename: "scripts.min.js"

	const delay = ms => new Promise(resolve => setTimeout(resolve, ms));

	async function something() {
	console.log("this might take some time....");
	await delay(5000);
	console.log("done!")
	}

	something();

	<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>

	<dnn:DnnCssExclude runat="server" Name="dnndefault" />