leoaj / react-itunes-search Goto Github PK
View Code? Open in Web Editor NEW:musical_note:Simple web app for itunes search with React
Home Page: http://leoj.js.org/react-iTunes-search/
License: MIT License
:musical_note:Simple web app for itunes search with React
Home Page: http://leoj.js.org/react-iTunes-search/
License: MIT License
I m interested in adding google suggest to the search bar so that when user add a query they can have some help it they dont know the exact spelling of what they are search for.
Can you let me know where the google suggest code might be put into place ?
Thanks
Where is the code base is trackViewUrl defined ?
I understand how the url search query is sent to itunes.
Once the results are returned where are the result urls ?
If I click on a result I m taken to the itunes store ....where and what is the url that leads to the itunes store.
If I can find this I can append it with our itunes api key
Thanks
We need to make some changes to extend the app.
How can we start and stop the app/service so that he changes are saved and recognized
Thanks
zandeMacBook-Pro:react-iTunes-search juluad$ npm run dev
[email protected] dev /Users/www/react/react-post/react-iTunes-search
babel server.js | node
sh: babel: command not found
When starting the project v1.0.4 (2/3/2015)
Failed at the react-iTunes-search script 'babel-node server.js
Exit status 1
Is there a bundle.js file missing from the repo ?
investgate PureComponent
I attempted to run npm restart and received the following errors
module.js:340
throw err;
^
Error: Cannot find module 'ecstatic'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at Object. (server.js:1:1)
at Module._compile (module.js:456:26)
at loader (/srv/www/movie.leola.me/node_modules/babel-register/lib/node.js:158:5)
at Object.require.extensions.(anonymous function) as .js
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
npm ERR! Linux 4.4.9-rh22-20160504224432.xenU.x86_64
npm ERR! argv "node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v0.10.40
npm ERR! npm v3.8.6
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: babel-node server.js
npm ERR! Exit status 8
npm ERR!
npm ERR! Failed at the [email protected] dev script 'babel-node server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the react-iTunes-search package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! babel-node server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs react-iTunes-search
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls react-iTunes-search
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /srv/www/movie.leola.me/npm-debug.log
npm ERR! Linux 4.4.9-rh22-20160504224432.xenU.x86_64
npm ERR! argv "node" "/usr/local/bin/npm" "restart"
npm ERR! node v0.10.40
npm ERR! npm v3.8.6
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: npm run dev
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'npm run dev'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the react-iTunes-search package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run dev
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs react-iTunes-search
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls react-iTunes-search
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /srv/www/movie.leola.me/npm-debug.log
root@leola:/srv/www/movie.leola.me# npm stop
npm ERR! Linux 4.4.9-rh22-20160504224432.xenU.x86_64
npm ERR! argv "node" "/usr/local/bin/npm" "stop"
npm ERR! node v0.10.40
npm ERR! npm v3.8.6
npm ERR! missing script: stop
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR! https://github.com/npm/npm/issues
npm ERR! Please include the following file with any support request:
npm ERR! /srv/www/movie.leola.me/npm-debug.log
root@leola:/srv/www/movie.leola.me# npm restart
[email protected] start /srv/www/movie.leola.me
npm run dev[email protected] dev /srv/www/movie.leola.me
babel-node server.js
module.js:340
throw err;
^
Error: Cannot find module 'ecstatic'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at Object. (server.js:1:1)
at Module._compile (module.js:456:26)
at loader (/srv/www/movie.leola.me/node_modules/babel-register/lib/node.js:158:5)
at Object.require.extensions.(anonymous function) as .js
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
npm ERR! Linux 4.4.9-rh22-20160504224432.xenU.x86_64
npm ERR! argv "node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v0.10.40
npm ERR! npm v3.8.6
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: babel-node server.js
npm ERR! Exit status 8
npm ERR!
npm ERR! Failed at the [email protected] dev script 'babel-node server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the react-iTunes-search package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! babel-node server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs react-iTunes-search
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls react-iTunes-search
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /srv/www/movie.leola.me/npm-debug.log
npm ERR! Linux 4.4.9-rh22-20160504224432.xenU.x86_64
npm ERR! argv "node" "/usr/local/bin/npm" "restart"
npm ERR! node v0.10.40
npm ERR! npm v3.8.6
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: npm run dev
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'npm run dev'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the react-iTunes-search package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run dev
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs react-iTunes-search
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls react-iTunes-search
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /srv/www/movie.leola.me/npm-debug.log
root@leola:/srv/www/movie.leola.me#
Hey Leo
Thanks for the simple and straightforward example of ReactJS.
Can you please share any article or steps to follow, to debug the bundle.js file with chrome dev tools, especially with debugger command. Do I need to configure any propery on webpack configuration?
Hi @LeoAJ . I'm a graphic designer and an open source enthusiast. I would like to contribute to your project by proposing logo design. I'll be doing it as a gift for free to your awesome project. this is my design, what dou you think? if you have an idea please share with me, it would be better for me. Thanks.
Best Regard.
Mirza Zulfan
This is what I have in my Container.js file …..Can you let me know if this is correct to have Jimi Hendrix search results populate the start page ?
import React, { Component } from 'react';
import List from './List';
import Message from './Message';
import emitter from '../emitter';
import reqwest from 'reqwest';
import { getMedia } from '../utils';
class Container extends Component {
state = {
type: 'start'
};
componentDidMount = () => {
// first search
this.search({ query: 'jimi hendrix' });
emitter.on('search', (state) => {
this.setState({ type: 'loading' });
this.search(state);
});
};
search = ({ query, media = 'all' }) => {
reqwest({
url: https://itunes.apple.com/search?media=${getMedia(media || 'all')}&term=${query.split(' ').join('+')}
,
type: 'jsonp'
})
.then(response => this.setState({ response, type: response.resultCount || 'noContent' }))
.fail(err => this.setState({ type: 'error' }));
componentWillUnmount = () => {
emitter.removeListener('search');
};
Is there a way to enter in our itunes/apple api key?
Thanks
this example use react-hot-loader and webpack-dev-server, but i can't find /dist/bundle.js, in browser can find this js,so what happe?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.