Tag: typescript
MongoDB and GraphQL: A Perfect Match
GraphQL is a powerful and efficient way to build APIs. The client queries the API, similarly to how they would a database, and that API returns only the data that they've requested, often reducing the response payload and improving response times. Low response times are critical in the modern world.
When the GraphQL API is paired with MongoDB, you're not only getting those fast response times, but you're also getting a data format that is consistent from start to finish.
Imagine this: Your client is executing a GraphQL query and that query looks similar to JSON. When the data reaches your application—which, let's say, is TypeScript in this example—you're now working with a data format that is similar to JSON in your application. Taking it a step further, when working with MongoDB, the data you send to and from MongoDB will also be similar to JSON. So what you're getting is that consistent data experience on top of performance. No need to worry too much about manipulating and formatting your data, and instead you get to focus on the user experience of your application, not the database and tooling.
In this tutorial, we're going to see just how easy it is to use MongoDB in your GraphQL API, this time built with TypeScript.
Read MoreBuild a Real-Time Voice Interview Coach with TypeScript and LiveKit
Do you struggle with interviews? You're not alone! You can have the best interview notes in the world, but when you start having that vocal conversation, you might end up a deer in the headlights, freezing and forgetting everything you thought you prepared for.
There's good news though!
With modern AI tools like LiveKit, you can have a voice conversation with an AI agent, mocking a real interview experience. Imagine uploading a job description and your resume and being immediately paired with an expert (the agent) to ask you real questions for the job and providing feedback on how you answer and present yourself.
In this tutorial we'll explore using LiveKit and TypeScript, paired with various LLM models and Apache Tika, to establish a very realistic interview coaching experience.
Read MoreBuild a Movie Watchlist with Node.js, TypeScript, and MongoDB
Almost every modern web application will need a REST API for a client to talk to, and in almost every scenario, that client is going to expect JSON. The best developer experience is a stack where you can stay in JSON-shaped data end to end, without awkward transformations in the middle.
Take MongoDB, Express Framework, and Node.js as an example.
Express receives HTTP requests and sends responses. MongoDB sits in the middle and stores documents. The client can send JSON to your routes, your routes can send documents to MongoDB, and MongoDB can hand BSON back that maps naturally to what you serialize in the response. That works well because MongoDB is a document database. When you also want text search over fields like title and plot, MongoDB Search gives you a $search stage in an aggregation pipeline on the same cluster, so you are not bolting on a separate search system just to power a search box.
In this tutorial, we'll see how to build a small movie watchlist API using TypeScript and MongoDB. We'll explore a few different schema design opportunities and make use of MongoDB Search for full-text search.
Read MoreTPDP E32: Getting Familiar with TypeScript for Development
I'm happy to announce that E32 of The Polyglot Developer Podcast is now available for download!
This episode features Corbin Crutchley, a friend, regular guest, and owner of the blog, Unicorn Utterances. You might remember Corbin from the episode, Asynchronous JavaScript Development, where we focused on promises, callbacks, and a lot of other asynchronous topics in JavaScript. This time around we're focusing on TypeScript, which is a super-set to JavaScript, and is becoming an increasingly popular development technology.
Read MoreIncluding Attractive Charts In Your Angular Web Application
It's probably obvious, but most modern applications crave data and in many of those scenarios, being able to visualize the data is a necessity. This is where charting and graphs become valuable within frontend applications. Having attractive charts in your application can make a world of difference and with a convenient library like Chart.js, it isn't complicated.
If you've been keeping up, you'll remember I wrote a tutorial titled, Use Chart.js to Display Attractive Charts in a Vue.js Web Application which focused on Vue.js. This time around we're going to see how to include charts in an Angular web application.
Read MoreUse Angular To Create A Cross-Platform Stellar XLM Desktop Wallet
With Android and iOS so obtainable and development so easy, people often forget the importance of desktop applications. I have a phone and tablet, but I depend on my desktop applications much more. However, the development of these applications are not difficult.
With frameworks like Electron, developers can create cross-platform desktop applications with JavaScript and HTML. Take the example I wrote about previously in the article titled, Create a Cross-Platform Desktop DigiByte DGB Wallet with Angular and Electron. I demonstrated how to leverage a very popular framework to create a cryptocurrency wallet.
DigiByte isn't the only popular blockchain on the internet. I've also been looking into Stellar because of all the buzz it has been receiving from popular companies like Stripe.
We're going to see how to create a Stellar XLM wallet for Mac, Windows, and Linux using Angular and Electron.
Read MoreCreate Paper Wallets For Stellar XLM Coins With Angular
Continuing down my adventure of learning about and investing in various cryptocurrencies, I thought I'd explore Stellar, which is what I understand to be, a competitor to Ripple. If you've been keeping up, you'll remember that I had written about creating a Ripple XRP paper wallet in a tutorial titled, Generate Cold Storage Paper Wallets for Ripple XRP Coins with Angular.
In this tutorial, we're going to see how to accomplish the same task of generating a cold storage paper wallet with Angular, but this time we'll be doing it for Stellar XLM coins.
Read More