• Post category:StudyBullet-10
  • Reading time:10 mins read


Show all messages from contract in React dapp

What you will learn

01 Set up chat dapp with Create Near App

02 Add message to chat smart contract with TypeScript

03 Get latest messages added to chat contract

04 Store multiple properties in an object

05 Count values in array in TypeScript smart contract

00 Set up blank React dapp template

01 Show all messages from contract in React dapp

02 Format messages in dapp with React Bootstrap

03 Set message style based on sender

01 Build a form to submit data to NEAR contract

02 Send message from dapp to smart contract

03 Show total number of messages

Description

What is the NEAR blockchain?

  • built to be simple, secure and scalable.
  • Low cost. High speed. Effortless scale.
  • <0.01USD Transaction Cost
  • 18M+ Active Accounts
  • 400K Daily Transactions
  • ~2.4s Time to Finality
  • Contracts, DAOs, dapps, funding
  • Layer 1 blockchain

    not dependent on other chains.

uses a unique scaling mechanism

  • Nightshade sharding
  • Scales infinitely
  • resists short-term usage spikes

Proof of stake

  • More efficient than Bitcoin and Ethereum

web-based wallet

  • no need for users to install programs or browser extensions
  • makes it especially easy to onboard new users (e.g. through named accounts)

Certified carbon neutral

  • consumes in a year the same energy bitcoin consumes in 3 minutes

Interoperable with Ethereum

  • using Rainbow Bridge

Your Instructor

Alexandra Kropova is a software developer with extensive experience in smart contract and decentralized app development. She has helped produce courses for Mammoth Interactive since 2016, including many blockchain and Web3 courses.


Get Instant Notification of New Courses on our Telegram channel.


Mammoth Interactive is a leading online course provider in everything from learning to code to becoming a YouTube star. Mammoth Interactive courses have been featured on Harvardโ€™s edX, Business Insider and more.

Over 11 years, Mammoth Interactive has built a global student community with 1.1 million courses sold. Mammoth Interactive has released over 250 courses and 2,500 hours of video content.

Founder and CEO John Bura has been programming since 1997 and teaching since 2002. John has created top-selling applications for iOS, Xbox and more. John also runs SaaS company Devonian Apps, building efficiency-minded software for technology workers like you.

Join 1.3+ย million students in high-quality courses featured at Harvard

  • Lifetime access that never expires
  • Project-based curriculum to superboost your portfolio
  • Graduation certificate for every course
  • Absolute beginner-friendly
  • Use any computer
  • Satisfaction guarantee
  • Get all source code
  • Popular bundle by Mammoth students
  • Perfected over years of training

Reviews from the Mammoth Community

“This is AMAZING Iย just learned how to code without breaking a sweat, this is really easy and fun!”ย -Shalonda Lewis

“This course so far is by far amazing!ย The instructor is very encouraging and up beat.”ย -Moiz Saqib

“It was informative and definitely covered the basics. Easy to understand and to follow.” -Colin Mooney

English
language

Content

00a Project preview

00 Project Preview

00b Mammoth Interactive Courses Introduction

00 About Mammoth Interactive
01 How To Learn Online Effectively

00c (Prerequisite) Blockchain and Smart Contracts Overview

00 Blockchain Introduction
02 What is a Smart Contract
03 What is the NEAR blockchain

00d (Prerequisite) Command Line Fundamentals

01 Why All Developers Need To Know The Command Line
02 Install Linux Command Line On Windows
03 What Are Linux And Unix Terminals
01 Build Your First Command In The Command Line
02 Navigate Directories In The Command Line
03 Build And Edit A New File In The Command Line
04 Move Files In The Command Line

00e (Prerequisite) Install Node and npm

00 What Is Node JS
01 Install Node And Npm On Mac Or Windows
02 How to Install Node and NPM on Windows

00f (Prerequisite) Introduction to JavaScript

01. Variables
02. Javascript
03. Numbers
04. Booleans
05. If Statements
06. Arrays
07. For Loops
08. While Loops
09. Objects
10. Functions
11. Foreach
12. Map Functions
13. Using Objects As Dictionary
14. Switch Statements
15. Destructuring
16. Spread Operator
17. String Templates
18. Error Handling
19. Let And Const Keywords
20. Do-While
21. Sets
22. Maps
23. Stacks
24. Queues
25. For Loop
26. Recursive Functions
27. Loop Labeling
28. 2D Arrays
29. Settimeout
30. Sentimental
31. Functions With Optional Parameters
32. Basic Regular Expression
33. Handle Keypress Events
34. Priority Queue
35. Add-delete Object Property
36. Example With Sets Part 1
36. Example With Sets Part 2
37. Concat
38. Flat And Flatmap

01 Build a chat smart contract with TypeScript for NEAR

01 Set Up Chat Dapp With Create Near App
02 Add Message To Chat Smart Contract With Typescript
03 Get Latest Messages Added To Chat Contract
04 Store Multiple Properties In An Object
05 Count Values In Array In Typescript Smart Contract

02a (Prerequisite) Introduction to HTML

01. Course Requirements
02. What Is Jsbin
03. Setting Up The Html Document
04. Header Tags And Paragraphs Tags
05. Styles
06. Bold Underline And Italic Tags
07. Adding In A Link
08. Adding In A Image
09. Adding A Link To An Image
10. Lists
11. Tables
12. Different Kinds Of Input
13. Adding In A Submit Button

02b (Prerequisite) Introduction to React

00 Why You Should Learn React
01 React Introduction
02 Set up a Container
03 Generate a List
04 Add Items to the List
05 Clear Input Field
06 Remove a Task

02c Show all messages from contract in React dapp

00 Set Up Blank React Dapp Template
01 Show All Messages From Contract In React Dapp
02 Format Messages In Dapp With React Bootstrap
03 Set Message Style Based On Sender

03 Build a form to submit data to NEAR contract

01 Build A Form To Submit Data To Near Contract
02 Send Message From Dapp To Smart Contract
03 Show Total Number Of Messages