Search icon
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
React.js Essentials

You're reading from  React.js Essentials

Product type Book
Published in Aug 2015
Publisher Packt
ISBN-13 9781783551620
Pages 208 pages
Edition 1st Edition
Languages
Author (1):
Artemij Fedosejev Artemij Fedosejev
Profile icon Artemij Fedosejev

Table of Contents (18) Chapters

React.js Essentials
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
1. Installing Powerful Tools for Your Project 2. Create Your First React Element 3. Create Your First React Component 4. Make Your React Components Reactive 5. Use Your React Components with Another Library 6. Update Your React Components 7. Build Complex React Components 8. Test Your React Application with Jest 9. Supercharge Your React Architecture with Flux 10. Prepare Your React Application for Painless Maintenance with Flux Index

Creating an action creator


Let's create a new folder called actions in our project's ~/snapterest/source/actions directory. Then, create the TweetActionCreators.js file in it:

var AppDispatcher = require('../dispatcher/AppDispatcher');

function receiveTweet(tweet) {

  var action = {
    type: 'receive_tweet',
    tweet: tweet
  };

  AppDispatcher.dispatch(action);
}

module.exports = {
  receiveTweet: receiveTweet
};

Our action creators will need a dispatcher to dispatch the actions. We will import AppDispatcher that we created previously:

var AppDispatcher = require('../dispatcher/AppDispatcher');

Then, we create our first action creator receiveTweet():

function receiveTweet(tweet) {

  var action = {
    type: 'receive_tweet',
    tweet: tweet
  };

  AppDispatcher.dispatch(action);
}

The receiveTweet() function takes the tweet object as an argument, and creates the action object with a type property set to receive_tweet. It also adds the tweet object to our action object, and now every store...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}